situsnya: http://joomla25-templates.joomlart.com/ja_onepage/?tp=1 <!

DOCTYPE html> <html lang="en"> <head> <base href="http://joomla25-templates.joomlart.com/ja_onepage/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="joomla 2.5 template, responsive joomla template , responsive portfolio template, joomla onepage template, business template for joomla, joomla business template, responsive joomla onepage template, joomla 3.0 template, responsive joomla 3.0 template" /> <meta name="description" content="Responsive Joomla template using one page la yout for Joomla! 2.5 &amp; 3.0 - JA One Page. Built on the latest version of T3v 3. " /> <meta name="generator" content="Joomla! - Open Source Content Management" /> <title>Joomla! 2.5 &amp; 3.0 onepage payout template - JA One Page</title> <link href="/ja_onepage/?format=feed&amp;type=rss" rel="alternate" type="appli cation/rss+xml" title="RSS 2.0" /> <link href="/ja_onepage/?format=feed&amp;type=atom" rel="alternate" type="appl ication/atom+xml" title="Atom 1.0" /> <link href="/ja_onepage/templates/ja_onepage/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link rel="stylesheet" href="/ja_onepage/templates/ja_onepage/css/template.min .css" type="text/css" /> <link rel="stylesheet" href="/ja_onepage/templates/ja_onepage/css/template-res ponsive.min.css" type="text/css" /> <link rel="stylesheet" href="/ja_onepage/templates/ja_onepage/css/home.min.css " type="text/css" /> <link rel="stylesheet" href="/ja_onepage/media/system/css/modal.css" type="tex t/css" /> <link rel="stylesheet" href="/ja_onepage/modules/mod_jacontentpopup/assets/css /style.css" type="text/css" /> <link rel="stylesheet" href="/ja_onepage/templates/ja_onepage/css/mod_jaconten tpopup.min.css" type="text/css" /> <link rel="stylesheet" href="/ja_onepage/modules/mod_jaquickcontact/assets/css /style.css" type="text/css" /> <link rel="stylesheet" href="/ja_onepage/templates/ja_onepage/css/mod_jaquickc ontact.min.css" type="text/css" /> <script src="/ja_onepage/media/system/js/mootools-core.js" type="text/javascri pt"></script> <script src="/ja_onepage/media/system/js/core.js" type="text/javascript"></scr ipt> <script src="/ja_onepage/media/system/js/caption.js" type="text/javascript"></ script> <script src="/ja_onepage/plugins/system/jat3v3/t3v3base/bootstrap/js/jquery.js " type="text/javascript"></script> <script src="/ja_onepage/plugins/system/jat3v3/t3v3base/bootstrap/js/bootstrap .js" type="text/javascript"></script> <script src="/ja_onepage/plugins/system/jat3v3/t3v3base/js/noconflict.js" type ="text/javascript"></script> <script src="/ja_onepage/plugins/system/jat3v3/t3v3base/js/touch.js" type="tex t/javascript"></script> <script src="/ja_onepage/plugins/system/jat3v3/t3v3base/js/script.js" type="te xt/javascript"></script> <script src="/ja_onepage/plugins/system/jat3v3/t3v3base/js/responsive.js" type ="text/javascript"></script> <script src="/ja_onepage/templates/ja_onepage/js/jquery.easing.1.3.js" type="t ext/javascript"></script> <script src="/ja_onepage/templates/ja_onepage/js/script.js" type="text/javascr

ipt"></script> <script src="/ja_onepage/media/system/js/mootools-more.js" type="text/javascri pt"></script> <script src="/ja_onepage/media/system/js/modal.js" type="text/javascript"></sc ript> <script src="/ja_onepage/modules/mod_jacontentpopup/assets/js/jquery.jbk.js" t ype="text/javascript"></script> <script src="/ja_onepage/modules/mod_jacontentpopup/assets/js/jquery-1.8.3.min .js" type="text/javascript"></script> <script src="/ja_onepage/modules/mod_jacontentpopup/assets/js/jquery.noconflic t.js" type="text/javascript"></script> <script src="/ja_onepage/modules/mod_jacontentpopup/assets/js/yoxview-init.js" type="text/javascript"></script> <script src="/ja_onepage/modules/mod_jacontentpopup/assets/js/script.js" type= "text/javascript"></script> <script type="text/javascript"> window.addEvent('load', function() { new JCaption('img.caption'); }); window.addEvent('domready', function() { SqueezeBox.initialize({}); SqueezeBox.assign($$('a.modal'), { parse: 'rel' }); }); var jabaseurl = "http://joomla25-templates.joomlart.com/ja_onepa ge/"; $jacp(document).ready(function($){ jarefs = function(modulesid){ var refs = []; $('#ja-cp-'+modulesid+' .ja-cp-group.active').fi nd("a").each(function(){ ref = $(this).attr("rel"); if(ref && $('.'+ref)){ refs.push(ref); } }); refs = $.unique(refs); return refs; }; jayoxview99 = function(refs,modulesid){ $('#ja-cp-'+modulesid+' .'+refs).yoxview ({ textLinksSelector:'[rel="'+refs+ '"]', defaultDimensions: { iframe: { w idth: 450,height:600 }}, skin:'ja_slideshow' }); }; jaloadyoxview = function(modulesid){ refs = jarefs(modulesid); for(i=0;i<refs.length;i++){ eval(eval("jayoxview"+modulesid)(refs[i]

com/ja_onep age/'.modal').. function() { SqueezeBox. function() { new JCaption('img. jayoxview99 = function(refs. defaultDimensions: { iframe: { w idth: 450.addEvent('load'.jacp({ baseurl: 'http://joomla25-templates. { parse: 'rel' }).yoxview ({ textLinksSelector:'[rel="'+refs+ '"]'. var jabaseurl = "http://joomla25-templates.modulesid)). }.ready(function($){ jarefs = function(modulesid){ var refs = []. window.modulesid){ $('#ja-cp-'+modulesid+' .unique(refs). $jacp(document).com/ja_onepa ge/". return refs.addEvent('domready'.active'). } }).joomlart.ready(function($){ jaloadyoxview("99").each(function(){ ref = $(this).assign($$('a.height:600 }}. window.ja-cp-group.caption').initialize({}). }). navButtons: '0' }). }.'+ref)){ refs. refs = $.joomlart. }).'+refs). $('#ja-cp-99'). skin:'ja_slideshow' }). $('#ja-cp-'+modulesid+' . SqueezeBox. $jacp(document). animation: 'fade'.fi nd("a").push(ref). } }. }). jaloadyoxview = function(modulesid){ . if(ref && $('. }).attr("rel").

} }).i<refs. s). initial-scale=1.com']).com/ga.0.a sync = true. el. </script> <script type="text/javascript" language="javascript"> /*<![CDATA[*/ // var _gaq = _gaq || []. _gaq.i++){ eval(eval("jayoxview"+modulesid)(refs[i] .joomlart.protocol ? 'https://ssl' : 'http://w ww') + '.insertBefor e(ga. var JTooltips = new Tips($$('. _gaq. 'joomlart.addEvent('domready'. ga.get('title'). fixed: false}). if (title) { var parts = title. { maxTitleChars: 50.getElementsByTagName('script')[0]. s. /*]]>*/ </script> <!-. (function() { var ga = document. maximum-sc ale=1.hasTip').META FOR IOS & HANDHELD --> <meta name="viewport" content="width=device-width. 'UA-243376-1']).split('::'. el. navButtons: '0' }).src = ('https:' == document. ga.modulesid)).createElement('script').store('tip:text'. parts[0]).js'.hasTip').push(['_trackPageview']). }).refs = jarefs(modulesid).length.com/ja_onep age/'. }).parentNode.store('tip:title'. $jacp(document). parts[1]). } }. $('#ja-cp-99'). function() { $$('. window.jacp({ baseurl: 'http://joomla25-templates. ga.ready(function($){ jaloadyoxview("99"). })().type = 'text/javascript'.google-analytics.0. var s = document. animation: 'fade'.each(function(el) { var title = el.push(['_setDomainName'.location. user-scalable=no"/> . _gaq.push(['_setAccount'. }). 2). for(i=0.

css" rel="stylesheet" /> <!-.HEAD SEARCH --> <div class="span10"> <!-.joomlart.css" type="text/css" rel="stylesheet" /> <script src="http://joomla25-templates.com/maps/api/js?sensor=false&amp.js" type="text/javascript" ></script> <script src="https://maps.css" rel="stylesheet" /> <!-.googlecode.HEADER --> <header id="ja-header" class="wrap ja-header navbar-fixed-top"> <div class="container"> <div class="row"> <!-.for IE6-8 support of media query --> <script type="text/javascript" src="/ja_onepage/plugins/system/jat3v3/t3v3base/j s/respond.joomlart.Le HTML5 shim.key=AIzaSy CNIJV_hl5sVimQSQlc7PsP9-Kz0KGGQ1Y" type="text/javascript" ></script> </head> <body data-spy="scroll" data-target="#ja-mainnav" data-offset="60" class="home page"> <!-.SYSTEM CSS --> <link href="/ja_onepage/templates/system/css/system.//SYSTEM CSS --> <!-.<meta name="HandheldFriendly" content="true" /> <meta name="apple-mobile-web-app-capable" content="YES" /> <!-.You can add Google Analytics here--> <link href="http://joomla25-templates.min.MAIN NAVIGATION --> <nav id="ja-mainnav" class="ja-mainnav"> <div class="navbar"> <div class="navbar-inner"> <button type="button" class="btn btn-navbar" data-toggle="collapse .//CUSTOM CSS --> <!-.LOGO --> <div class="span2"> <div class="logo logo-image"> <h1> <a href="/ja_onepage" title="Onepage"> <span>Onepage</span> </a> <small class="site-slogan hidden-phone">Your slogan goes here</small > </h1> </div> </div> <!-.js"></script> <![endif]--> <!-.//LOGO --> <!-.com/ja_onepage/plugins/system/ja googlemap/assets/script.com/ja_onepage/plugins/sy stem/jagooglemap/assets/style. for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="http://html5shim.com/svn/trunk/html5.//META FOR IOS & HANDHELD --> <!-.googleapis.js"></script> <!-.CUSTOM CSS --> <link href="/ja_onepage/templates/ja_onepage/css/custom.

style.nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="nav-collapse collapse"> <ul class="nav "> <li class="item-435 current active"><a class="home" href="/ja_onepage/" >Home</a ></li><li class="item-483"> <a href="/ja_onepage/#introducing" >Introducing< /a></li><li class="item-484"> <a href="/ja_onepage/#our_portfolio" >Portfolio< /a></li><li class="item-485"> <a href="/ja_onepage/#awesome_team" >Team</a></l i><li class="item-486"> <a href="/ja_onepage/#happy_clients" >Client</a></li><li class="item-474"> <a href="/ja_onepage/#get_in_touch" >Contact</a></li><li class="item-487 deeper dropdown parent"> <a class="dropdown-toggle" href= "#" data-toggle="dropdown">Styles<b class="caret"></b></a><ul class="nav-child unstyled small dropdown-menu"><li class="item-488"><a href="/ja_onepage/2012-1225-09-24-24/metro-style.reflow = function () { if('ontouchstart' in window){ document.html" >Retro Style</a></li><li class="item-491"><a href="/ja_onepage/2012-12-25-09-24-24/sol id-style.location.documentElement. .offse tWidth + 1) + 'px'.</div> </div> </div> </div> <!-.html" >Solid Style</a></li></ul></li></ul> </div> </div> </div> </nav> <!-.html" >Modern Style</a></li><li cl ass="item-490"><a href="/ja_onepage/2012-12-25-09-24-24/retro-style.width = ''.documentElement.//HEAD SEARCH --> </div> </div> <!-.html" >Metro Style</a></li><li class="item-489"><a href= "/ja_onepage/2012-12-25-09-24-24/modern-style. window.style.width = (document.smooth scroll --> <script type="text/javascript"> !function($) { var winurl = window.*)/." data-target=". setTimeout(function () { document.href.</span> <div class="custom" > Select style.replace(/([^\#]*)(. '$1').documentElement.//MAIN NAVIGATION --> <div id="ja-quick-tips"> <div class="inner"> <span class="arrow">&nbsp.

scrollTop(Math. $('.}. if(homelink){ var home_url = homelink. window. //} if(this. ftarget.replace(/.substr(0.replace(/.navbar ul li a. $(document). if(ftarget.top . '').substr(0. { duration: 800.href = this. target).*)/.hash ? this.href.offset(). easing: 'easeInOutCubic'.preventDefault(). }). ''). } var target = this. // this.*(?=#[^\s]+$)/.replace( /.$('#ja-header').*(?=#[^\s]+$)/. $('. } }). '').length){ $('html.$('#ja-h eader'). $('html.hash ? homelink. } }.each (function (){ var href = this.*(?=#[^\s]+$)/. '$1').top .hostname != window.max(0.replace(/([^\#]*)(.body').height() + 1)).reflow }). complete: window.*)/. //if(!target || (target == winurl)){ // target = '#home'.click (function(e) { if (!$(this).replace(/([^\#]*)(. if (target && ($(target). '').ready(function(){ var ftarget = window. '$1').home')[0].animate({scrollTop: Math.*(?=#[^\s]+$)/.navbar ul li a').length)) { e. 1) != ' #'){ //if (target_url != winurl){ return.body'). target).data('target')){ return. $(target).hostname || target. target = this.href.height() + 2)}.hash : href.attr('href'.max(0.href.reflow(). 0). target_url = href.offset().href + target.replace(/. 1) == '#'){ ftarget = $(ftarget).hash : homelink.href.location.href.location. if(ftarget. .navbar ul li a'). } } var homelink = $('. home_target = homelink. } $(this).data('target'.

body).</p> <p><a href="http://www. $('html.offset ().unbind('click').top . } home_target = $(home_target).//HEADER --> <div id="system-message-container"> </div> <section class="section onepage hero-unit section1" id="hero_unit"> <div class="container"> <div class="row-fluid"> <div class="custom hero-unit section1" > <div class="hero-unit"> <h1>Simplicity Isn t Simple.animate({scrollTop: Math.joomlart.height() + 2))}.jQuery).</h1> <p>Design is a word that s come to mean so much that it s also word that has come to mean nothing.preventDefault(). } }). easing: 'easeInOutCubic'.click(function(e){ if(home_target){ e.max(0. height: 0 . $(homelink).substr(0.body').length){ home_target = $('<div id="onepage-home" style="width: 0. { duration: 800. } }).prependTo(document.reflow }). complete: window.data('target'. 1) != '#'){ homelink.if(home_url == winurl){ if(home_target.//smooth scroll --> </header> <!-. } $(homelink).href = home_target = '#onepage-home'. (home_target. visibility: hidden">'). </script> <!-. }(window. home_target). } } else { home_target = null.$('#ja-header'). if(!home_target.com/joomla/templates/showcase" class="btn btn-pr imary btn-large btn-tpl-1" target="_blank">View Our Works</a></p> <p class="btn_unit"><a href="/ja_onepage/#our_portfolio" class="arrow-down img-c ircle">Arrow down</a></p> </div></div> .

a phar etra augue nulla ligula massa pharera aliquet. Donec sed odio rera magna pharera aliquet. Auctor vel non <a href="#" title="Sample link">phasellus tincidunt</a>. Netus pede Vestibulum Quisque Nam pretium Donec ut vitae quis parturient.</p> </div></div> </div></div> </div> </div> .</div> </div> </section> <section class="section onepage introducing section2" id="introducing"> <div class="container"> <div class="section-title" id="introducing"> <h2><span>Introducing</span></h2> <span class="section-subtitle">Hello.</i> </div> <h3 class="block-title">Web &amp. We are Page. Sollicit udin vitae ipsum massa enim lacus. What We Can Do ?</span> </div> <div class="row-fluid"> <div class="custom introducing section2" > <div class="introducing"> <div class="span4 block"> <div class="block-img"> <i class="introducing-icon1">&nbsp.</p> </div></div> <div class="span4 block"> <div class="block-img"> <i class="introducing-icon3"></i> </div> <h3 class="block-title">iOS Development</h3> <div class="block-content"> <p>Buspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum b elit. UI Design</h3> <div class="block-content"> <p>Metus Vestibulum cursus elit pretium auctor cursus lorem Vestibulum eros sagi ttis.Team. Nulla uitae elit libero. Laoreet non ac porta urna Vestibulum congue id eu elit dignissim.</p> </div></div> <div class="span4 block"> <div class="block-img"> <i class="introducing-icon2"></i> </div> <h3 class="block-title">Corporate Design </h3> <div class="block-content"> <p>Condimentum platea cursus porta tellus eros consectetuer metus Sed aliquet te mpus.

"> <div class="ja-cp-main-wrap"> <div class="ja-cp-main"> <div class="ja-cp-group"> <div class="ja-cp-item"> <div class="item-inner"> <a target="yoxview" href="/ja_onepage/83-content-popup/1 09-social.</span> </div> <div class="row-fluid"> <div class="ja-cp-wrap ja-anim-fade" id="ja-cp-99" style="visibility:hid den.com/ja_onepage/images/joomlart/demo/portfolio/pro-14.activ e"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.jpg" a lt="Social" width="240" height="180" /> </span> <span class="jacp-title"> Social </span> </a> <span class="ja-cp-intro"> <p>Your profile</p> </span> </div> </div> <div class="ja-cp-item"> <div class="item-inner"> <a target="yoxview" href="/ja_onepage/83-content-popup/1 08-profile.jpg" a lt="Profile" width="240" height="180" /> </span> <span class="jacp-title"> Profile </span> </a> <span class="ja-cp-intro"> <p>Your profile</p> </span> </div> .html?width=450&amp.html?width=450&amp.active" > <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.height=600" title="Social" rel="ja-cp-group.com/ja_onepage/images/joomlart/demo/portfolio/pro-15.</section> <section class="section onepage portfolio section3" id="our_portfolio"> <div class="container"> <div class="section-title" id="our_portfolio"> <h2><span>Our Portfolio</span></h2> <span class="section-subtitle">Below are some of our best design works we have done for clients.joomlart.height=600" title="Profile" rel="ja-cp-group.

jpg" a lt="Business" width="240" height="180" /> </span> <span class="jacp-title"> Business </span> </a> <span class="ja-cp-intro"> <p>Business template</p> </span> </div> </div> <div class="ja-cp-item"> <div class="item-inner"> <a target="yoxview" href="/ja_onepage/83-content-popup/9 7-jm-asmine.joomlart.height=600" title="Responsive" rel="ja-cp-group .jpg" a lt="Responsive" width="240" height="180" /> </span> <span class="jacp-title"> Responsive </span> </a> <span class="ja-cp-intro"> <p>Nulla laoreet justo</p> </span> </div> </div> <div class="ja-cp-item"> <div class="item-inner"> <a target="yoxview" href="/ja_onepage/83-content-popup/1 06-business.html?width=450&amp.ac tive"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.com/ja_onepage/images/joomlart/demo/portfolio/pro-1.com/ja_onepage/images/joomlart/demo/portfolio/pro-13.jpg" al t="JM Asmine" width="240" height="180" /> </span> <span class="jacp-title"> JM Asmine </span> </a> <span class="ja-cp-intro"> .com/ja_onepage/images/joomlart/demo/portfolio/pro-12.html?width=450&amp.height=600" title="Business" rel="ja-cp-group.active"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.</div> <div class="ja-cp-item"> <div class="item-inner"> <a target="yoxview" href="/ja_onepage/83-content-popup/1 07-responsive.height=600" title="JM Asmine" rel="ja-cp-group.act ive"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.html?width=450&amp.

jpg" al t="Solid Style" width="240" height="180" /> </span> <span class="jacp-title"> Solid Style </span> </a> <span class="ja-cp-intro"> <p>Web &amp.height=600" title="Logo Design" rel="ja-cp-grou p.jpg" al t="Template design" width="240" height="180" /> </span> <span class="jacp-title"> Template design </span> </a> .joomlart.active"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.<p>Happy meal</p> </span> </div> </div> <div class="ja-cp-item"> <div class="item-inner"> <a target="yoxview" href="/ja_onepage/83-content-popup/9 6-solid-style. Graphic design</p> </span> </div> </div> <div class="ja-cp-item"> <div class="item-inner"> <a target="yoxview" href="/ja_onepage/83-content-popup/9 5-logo-design.height=600" title="Solid Style" rel="ja-cp-grou p.html?width=450&amp.active"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.height=600" title="Template design" rel="ja -cp-group.com/ja_onepage/images/joomlart/demo/portfolio/pro-2.com/ja_onepage/images/joomlart/demo/portfolio/pro-3.html?width=450&amp.active"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.jpg" al t="Logo Design" width="240" height="180" /> </span> <span class="jacp-title"> Logo Design </span> </a> <span class="ja-cp-intro"> <p>Logo &amp.html?width=450&amp. Print Design</p> </span> </div> </div> <div class="ja-cp-item"> <div class="item-inner"> <a target="yoxview" href="/ja_onepage/83-content-popup/9 4-template-design.com/ja_onepage/images/joomlart/demo/portfolio/pro-4.

position&quot.:8}">2</span></li></ul> </div> </div> </div> </section> <section class="section onepage team section4" id="awesome_team"> <div class="container"> <div class="section-title" id="awesome_team"> <h2><span>Awesome Team</span></h2> <span class="section-subtitle">Who We Are? Information About Us.com_content&quot.:&quot.:&quot.:&quot.&quot.&quot. e get dapibus justo..99&quot.option&quot.99 &quot.&quot.onepage&quot.</div> <div class="mask-inner"> <img class="img-grayscale" src="/ja_onepage/images/joomlart/demo/sam-1.jalimitstar t&quot.:435.onepage&quo t.gif" width="32" height="32" /> </div> <div class="ja-cp-pagination"> <ul class="ja-cp-pagelist"><li class="active"><span data-ref="{& quot.Itemid&quot. vitae volutpat magna.. Donec pellentesqu e venenatis elit.&quot.modulesid&quot.&quot..jpg" alt= "Sample image" /> </div> </div> </div> .</span > </div> <div class="row-fluid"> <div class="custom team section4" > <div class="introduction">Consectetur adipiscing elit.:&quot..</div> <ul class="thumbnails"> <li class="span3"> <div class="thumbnail"> <div class="thumb-mask"> <div class="mask">&nbsp. Donec vitae libero dolor.option&quot.Itemid&quot. Aenean facilisis aliquet feugiat.<span class="ja-cp-intro"> <p>Aenean eget consequ</p> </span> </div> </div> </div> </div> <div class="ja-cp-loader"> <img src="/ja_onepage/modules/mod_jacontentpopup/assets/img/ajax -loader.com_conte nt&quot.:0}">1</span></li><li><span data-ref="{&quot.. Nulla ut elit magna.. quis aliquet mauris malesuada vel.&quot.modulesid&quot.&quot.:435.jalimitstart&quot. Suspendisse lacinia congue est ac semper.position&quot. Vivamus eu erat lectus est ac semper.:&quot.:&quot.&quot.

</div> <div class="caption"> <h3>John Doe</h3> <p class="meta">Creative designer</p> <p><strong>Laoreet vestibulum</strong> cursus elit fringilla pretium Sed ut soda les quis pretium.</p> <ul class="social-list"> <li><a class="facebook" href="#" title="Facebook">Facebook</a></li> <li><a class="twitter" href="#" title="Twitter">Twitter</a></li> <li><a class="flicker" href="#" title="Flicker">Flicker</a></li> </ul> </div> </div> </li> <li class="span3"> <div class="thumbnail"> <div class="thumb-mask"> <div class="mask">&nbsp.</div> <div class="mask-inner"> <img class="img-grayscale" src="/ja_onepage/images/joomlart/demo/sam-3. Lorem vestibulum orci in commodo vestibm est ac semper. Justo enim justo curabitured senectus d onec pretium.jpg" alt= "Sample image" /> </div></div> <div class="caption"> <h3>Michael Smith</h3> <p class="meta">Graphic designer</p> <p>Fringilla non adipiscing magna ligula quam Vestibulum Donec est Quisque tellu s.</p> <ul class="social-list"> <li><a class="facebook" href="#" title="Facebook">Facebook</a></li> <li><a class="twitter" href="#" title="Twitter">Twitter</a></li> <li><a class="flicker" href="#" title="Flicker">Flicker</a></li> </ul> </div> </div> </li> <li class="span3"> <div class="thumbnail"> <div class="thumb-mask"> <div class="mask">&nbsp.</div> <div class="mask-inner"> <img class="img-grayscale" src="/ja_onepage/images/joomlart/demo/sam-2.jpg" alt= "Sample image" /> </div></div> <div class="caption"> <h3>Jonnathan Orgen</h3> <p class="meta">Video Specialist</p> <p>Suspendisse et vivamus accumsan <a href="#" title="Sample link">phasellus auc tor</a> nisl mauris facilisi aliquam et. Convallis enim ante eros eros In lorem ipsum purus.</p> <ul class="social-list"> <li><a class="facebook" href="#" title="Facebook">Facebook</a></li> <li><a class="twitter" href="#" title="Twitter">Twitter</a></li> <li><a class="flicker" href="#" title="Flicker">Flicker</a></li> </ul> </div> </div> </li> .

</p> </div> </div> </li> </ul></div> </div> </div> </section> <section class="section onepage clients section5" id="happy_clients"> <div class="container"> <div class="section-title" id="happy_clients"> <h2><span>Happy Clients</span></h2> <span class="section-subtitle">We're Trusted by Over 20.</p > <small>Benjamin Dyer. Nulla vitae elit libero. dapibus ac facilisis in.</p > <small>Jay Robinson.<li class="span3"> <div class="thumbnail"> <div class="thumb-mask hiring"> <div class="mask">&nbsp. a pharetra augue. Nullam nibh ultricies <a href="#" title="Sample l ink">vehicula elit</a>. <cite title="Source Title">Circle</cite></small> </blockquote> .</span> </div> <div class="row-fluid"> <div class="custom clients section5" > <div class="span6 testimonial"> <img class="img-grayscale" src="/ja_onepage/images/joomlart/demo/avartar-1.png" alt="Sample image" /> </div></div> <div class="caption"> <h3>We are Hiring!</h3> <p class="meta">CSS guru</p> <p>Cras justo odio. Donec sed odio rera aliquet.</div> <div class="mask-inner hiring"> <img class="img-grayscale" src="/ja_onepage/images/joomlart/demo/sam_blank. <cite title="Source Title">Dribbble</cite></small> </blockquote> </div> <div class="span6 testimonial"> <img class="img-grayscale" src="/ja_onepage/images/joomlart/demo/avartar-2.jpg" alt="Sample image" /> <blockquote> <p>Suspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum b elit. Donec sed odio rera aliquet. Donec elit non m i porta gravida at eget metus. a pharetra augue. egestas eget quam.jpg" alt="Sample image" /> <blockquote> <p>Suspendisse in lorem ipsum ut magna pharera aliquet non sodales lorem ipsum b elit.000 Handsome C ustomers. Nulla vitae elit libero.

png" alt="Sample clients" /></a> </div> <div class="span2"> <a href="#" title="Sample link"><img class="img-grayscale" src="/ja_onepage/imag es/joomlart/demo/logo-5.png" alt="Sample clients" /></a> </div> <div class="span2"> <a href="#" title="Sample link"><img class="img-grayscale" src="/ja_onepage/imag es/joomlart/demo/logo-6.png" alt="Sample clients" /></a> </div> <div class="span2"> <a href="#" title="Sample link"><img class="img-grayscale" src="/ja_onepage/imag es/joomlart/demo/logo-2.png" alt="Sample clients" /></a> </div></div> </div> </div> </section> <section class="section onepage contact section6" id="get_in_touch"> <div class="container"> <div class="section-title" id="get_in_touch"> <h2><span>Get in touch</span></h2> <span class="section-subtitle">Thanks for looking.png" alt="Sample clients" /></a> </div> <div class="span2"> <a href="#" title="Sample link"><img class="img-grayscale" src="/ja_onepage/imag es/joomlart/demo/logo-3. We'd love to hear f rom you.</span> </div> .</div></div> </div> </div> </section> <section class="section onepage partners section5" id="partners"> <div class="container"> <div class="row-fluid"> <div class="custom partners section5" > <div class="span2"> <a href="#" title="Sample link"><img class="img-grayscale" src="/ja_onepage/imag es/joomlart/demo/logo-1.png" alt="Sample clients" /></a> </div> <div class="span2"> <a href="#" title="Sample link"><img class="img-grayscale" src="/ja_onepage/imag es/joomlart/demo/logo-4.

</p> <ul> <li class="address">0312 Unknow Str.</span><s pan>Send Email</span></a> </div> . Duis mollis. Suspendisse in lorem ipsum ut magna pharera aliqu et non sodales lorem ipsum belit. est non sit amet dui felis ommodo luctus. Donec sed odio rera aliquet. 12603 NY</li> <li class="telephone">(415) 124-5678</li> <li class="email"><a href="#" title="Email">support@bloxstrap. Nulla vitae elit libero. a pharetra augue.<div class="row-fluid"> <div id="contact ja-form"> <div class="contact form-info span6"> <div><p>Integer posuere erat a ante venenatis dapibus posuere ve lit aliquet. 22 Miron Drive New York City. </div> </div> </li> <li class="contact wide clearfix" id="row_subject"> <div class="contact input-box"> <div id="error_subject" class="contact jl_error"></div> <input class="input-text" id="contact_su bject" name="subject" value="" size="40" placeholder="Subject" /> </div> </li> <li class="contact wide clearfix" id="row_text"> <div class="contact input-box"> <div id="error_text" class="contact jl_ error"></div> <textarea class="textarea" id="contact_t ext" name="text" rows="10" cols="40" placeholder="Message"></textarea> </div> </li> <li> <div class="btn-action"> <a href="javascript:void(0)" id="ac-subm it" class="button-img but-orange"><span class="icon icon-submit">&nbsp.com</a></li> </ul></div> </div> <div class="span6"> <form action="#" name="contact" method="post" id="contact" class="formvalidate"> <ul class="contact form-list"> <li class="contact wide clearfix" id="row_name"> <div class="contact input-box"> <div id="error_name" class="contact jl_ error"></div> <input id="contact_name" type="text" na me="name" value="" maxlength="60" size="40" placeholder="User name" /> </div> </li> <li class="contact wide clearfix" id="row_email"> <div class="contact input-box"> <div id="error_email" class="contact jl _error"></div> <input class="input-text" id="contact_em ail" type="text" name="email" value="" maxlength="64" size="40" placeholder="Ema il" /> <div class="contact small">Please use a REAL email address so that we can get back to you.

} regex=/^[a-zA-Z0-9. var messagelabel = 'Message'.value.addClass('error').value. if (!errors || errors. el. var errors = $$('.addClass('error').value. } var subject = $('contact_subject'). } var name = $('contact_name').)+[a-zA-Z0-9. ck = false. captcha = 0.test(email)) { if((email=='')||(email==emailabel)) { $('error_email').-]+\.innerHTML ='Please fill in your name!'.-]{2.innerHTML ='Please input your e mail!'. <input type="hidden" name="do_submit" value="1" /> <input type="hidden" name="ca609fda62ec477a24f464967bedcfa4" val </form> . $("contact").removeClass('error'). window.</li> </ul> <input type="hidden" name="category" value="Error/Problems using site" /> ue="1" /> </div> </div> <script type="text/javascript"> /* <![CDATA[ */ maxchars = 1000. } $('row_email').4}$/.reset(). var ck=true.addEvent('load'. } else { $('error_email'). $('row_name').onclick = function() { var email = $('contact_email')._-]+@([a-zA-Z0-9. } else { $('error_name').length>0) { errors. var emailabel = 'Email'. if(!regex. function(){ el = $('ac-submit').innerHTML =''.innerHTML ="Your email is inval id!".innerHTML =''.error'). var senderlabel = 'Username'. } else { $('error_email'). if((name=='')||(name==senderlabel)) { $('error_name'). ck=false.

innerHTML ='Number of characters cannot be less than 5 or greater than1000'. } else $('error_captcha_code').if(subject=='') { $('error_subject'). $('row_text'). } if(captcha) { if ($('captcha_code')){ var captcha_code = $('captcha_code'). $('row_subject'). ck = false. } else $('error_captcha_code').innerHTML = "Inp ut your captcha". } else if ($('mathguard_answer')) { var captcha_code = $('mathguard_answer'). if((message.innerHTML =''.innerHTML =''. if((captcha_code=='')||(captcha_code=='Type the code shown')) { $('error_captcha_code'). } var message = $('contact_text').innerHTML = "". } else if($('recaptcha_response_field')){ var captcha_code = $('recaptcha_response_field') . } else { $('error_subject').innerHTML = "". ck = false.innerHTML ="Subject can not be null".innerHTML = "Inp ut your captcha".value.length>maxchars) ||(message. ck = false.innerHTML = "".addClass('error').value.value. ck = false. if((captcha_code=='')||(captcha_code=='Type the code shown')) { $('error_captcha_code'). } . ck = false.value. } else $('error_captcha_code').length < 1)||(message==m essagelabel)) { $('error_text'). } else { $('error_text').addClass('error').innerHTML = "Inp ut your captcha". if((captcha_code=='')||(captcha_code=='Type the code shown')) { $('error_captcha_code').

"map_width":1040."toolbar_control_display":1."target_lat":0."maptype _control_display":1."popup_height":480.''."api_key":"AIzaSyCNIJV_hl5sVimQSQlc7PsP9-Kz0KGGQ1Y"."maptype_control_positio n":"TR". })."map_height":390."display_overview ":1."di splay_popup":0.FOOTER --> <footer id="ja-footer" class="wrap ja-footer"> <section class="ja-copyright"> ."to_location_changeable":0."to_location_info":""."></div> <div id="ja-widget-map0-route" class="map-route"></div> </div> <script type="text/javascript"> //<![CDATA[ var JAMapOptions0 = {"api_version":"2". JAMapOptions0).false).} if(ck) { $("contact")."popup_width":640.submit()."to_location":"New York" ."display_scale":1."context_menu":1. var objWidgetMapPopup0. } return ck. function (){ objWidgetMap0."target_lon":0."display_layer":"none"."> <div id="ja-widget-map0" style="height:390px. "from_location":"".addEvent('domready'. var objWidgetMap0 = new JAWidgetMap('ja-widget-map0'."toolbar_control_style":"default"."toolbar_c ontrol_position":"TL".displayMap(''. window."maptype":"normal"."sensor":0. </script> </div></div> </div> </div> </section> <!-."popup_type":"highslide"}. /* ]]> */ </script> </div> </section> <section class="section onepage map section6" id="gmap"> <div class="container"> </div> <div class="row-fluid"> <div class="custom map section6" > <div> <div id="ja-widget-map0-container" class="map-container" style="width:1040px. }."maptype_control_style":"drop_down". })."zoom":15.

//FOOTER --> </body> </html> .</small> <small><a href="http://www.html">GNU General Public Lic ense.joomlart. All Rights Reserved .0.org">Joomla!</a> is Free Software released und er the <a href="http://www.<div class="container"> <div class="row"> <div class="span12 copyright"> <small>Copyright &#169.gnu.com!">Joo mlArt.com" title="Powered By T3 Framewo rk" target="_blank">Powered by <strong>T3 Framework</strong></a></small> <a href="#" class="back-to-top" id="back-to-top" title="Back to top" >Back to top</a> </div> </div> </div> </section> </footer> <!-.org/licenses/gpl-2.com</a>.joomla.</a></small> <small><a href="http://t3. 2013 JA Onepage for J25. Designed by <a href="http://www.joomlart.com/" title="Visit Joomlart.

Sign up to vote on this title
UsefulNot useful