Sie sind auf Seite 1von 21

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]

,modulesid)); } };

$('#ja-cp-99').jacp({ baseurl: 'http://joomla25-templates.joomlart.com/ja_onep age/', animation: 'fade', navButtons: '0' }); }); $jacp(document).ready(function($){ jaloadyoxview("99"); }); 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] ,modulesid)); } };

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

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

" data-target=".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.html" >Metro Style</a></li><li class="item-489"><a href= "/ja_onepage/2012-12-25-09-24-24/modern-style.html" >Modern Style</a></li><li cl ass="item-490"><a href="/ja_onepage/2012-12-25-09-24-24/retro-style.html" >Retro Style</a></li><li class="item-491"><a href="/ja_onepage/2012-12-25-09-24-24/sol id-style.html" >Solid Style</a></li></ul></li></ul> </div> </div> </div> </nav> <!-- //MAIN NAVIGATION --> <div id="ja-quick-tips"> <div class="inner"> <span class="arrow">&nbsp;</span> <div class="custom" > Select style.</div> </div> </div> </div> <!-- //HEAD SEARCH --> </div> </div> <!-- smooth scroll --> <script type="text/javascript"> !function($) { var winurl = window.location.href.replace(/([^\#]*)(.*)/, '$1'); window.reflow = function () { if('ontouchstart' in window){ document.documentElement.style.width = (document.documentElement.offse tWidth + 1) + 'px'; setTimeout(function () { document.documentElement.style.width = '';

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

if(home_url == winurl){ if(home_target.substr(0, 1) != '#'){ homelink.href = home_target = '#onepage-home'; $(homelink).data('target', home_target); } home_target = $(home_target); if(!home_target.length){ home_target = $('<div id="onepage-home" style="width: 0; height: 0 ; visibility: hidden">').prependTo(document.body); } } else { home_target = null; } $(homelink).unbind('click').click(function(e){ if(home_target){ e.preventDefault(); $('html,body').animate({scrollTop: Math.max(0, (home_target.offset ().top - $('#ja-header').height() + 2))}, { duration: 800, easing: 'easeInOutCubic', complete: window.reflow }); } }); } }); }(window.jQuery); </script> <!-- //smooth scroll --> </header> <!-- //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.</h1> <p>Design is a word that s come to mean so much that it s also word that has come to mean nothing.</p> <p><a href="http://www.joomlart.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>

</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, We are Page.Team. 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;</i> </div> <h3 class="block-title">Web &amp; UI Design</h3> <div class="block-content"> <p>Metus Vestibulum cursus elit pretium auctor cursus lorem Vestibulum eros sagi ttis. Netus pede Vestibulum Quisque Nam pretium Donec ut vitae quis parturient. Auctor vel non <a href="#" title="Sample link">phasellus tincidunt</a>.</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. Laoreet non ac porta urna Vestibulum congue id eu elit dignissim. Sollicit udin vitae ipsum massa enim lacus.</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. Donec sed odio rera magna pharera aliquet. Nulla uitae elit libero, a phar etra augue nulla ligula massa pharera aliquet.</p> </div></div> </div></div> </div> </div>

</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.</span> </div> <div class="row-fluid"> <div class="ja-cp-wrap ja-anim-fade" id="ja-cp-99" style="visibility:hid den;"> <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.html?width=450&amp;height=600" title="Social" rel="ja-cp-group.active" > <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.com/ja_onepage/images/joomlart/demo/portfolio/pro-15.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.html?width=450&amp;height=600" title="Profile" rel="ja-cp-group.activ e"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.com/ja_onepage/images/joomlart/demo/portfolio/pro-14.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>

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

<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.html?width=450&amp;height=600" title="Solid Style" rel="ja-cp-grou p.active"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.com/ja_onepage/images/joomlart/demo/portfolio/pro-2.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; 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.html?width=450&amp;height=600" title="Logo Design" rel="ja-cp-grou p.active"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.com/ja_onepage/images/joomlart/demo/portfolio/pro-3.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; 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.html?width=450&amp;height=600" title="Template design" rel="ja -cp-group.active"> <span class="ja-cp-image"> <img class="jaimage" src="http://joomla2 5-templates.joomlart.com/ja_onepage/images/joomlart/demo/portfolio/pro-4.jpg" al t="Template design" width="240" height="180" /> </span> <span class="jacp-title"> Template design </span> </a>

<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.gif" width="32" height="32" /> </div> <div class="ja-cp-pagination"> <ul class="ja-cp-pagelist"><li class="active"><span data-ref="{& quot;option&quot;:&quot;com_content&quot;,&quot;position&quot;:&quot;onepage&quo t;,&quot;modulesid&quot;:&quot;99&quot;,&quot;Itemid&quot;:435,&quot;jalimitstar t&quot;:0}">1</span></li><li><span data-ref="{&quot;option&quot;:&quot;com_conte nt&quot;,&quot;position&quot;:&quot;onepage&quot;,&quot;modulesid&quot;:&quot;99 &quot;,&quot;Itemid&quot;:435,&quot;jalimitstart&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.</span > </div> <div class="row-fluid"> <div class="custom team section4" > <div class="introduction">Consectetur adipiscing elit. Donec pellentesqu e venenatis elit, quis aliquet mauris malesuada vel. Donec vitae libero dolor, e get dapibus justo. Aenean facilisis aliquet feugiat. Suspendisse lacinia congue est ac semper. Nulla ut elit magna, vitae volutpat magna. Vivamus eu erat lectus est ac semper.</div> <ul class="thumbnails"> <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-1.jpg" alt= "Sample image" /> </div> </div> </div>

</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. Lorem vestibulum orci in commodo vestibm est ac semper.</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. Justo enim justo curabitured senectus d onec 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.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. 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>

<li class="span3"> <div class="thumbnail"> <div class="thumb-mask hiring"> <div class="mask">&nbsp;</div> <div class="mask-inner hiring"> <img class="img-grayscale" src="/ja_onepage/images/joomlart/demo/sam_blank.png" alt="Sample image" /> </div></div> <div class="caption"> <h3>We are Hiring!</h3> <p class="meta">CSS guru</p> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec elit non m i porta gravida at eget metus. Nullam nibh ultricies <a href="#" title="Sample l ink">vehicula elit</a>.</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,000 Handsome C ustomers.</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.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. Nulla vitae elit libero, a pharetra augue.</p > <small>Benjamin Dyer, <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. Nulla vitae elit libero, a pharetra augue.</p > <small>Jay Robinson, <cite title="Source Title">Circle</cite></small> </blockquote>

</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-2.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.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.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> </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. We'd love to hear f rom you.</span> </div>

<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. Nulla vitae elit libero, a pharetra augue. Duis mollis, est non sit amet dui felis ommodo luctus. Suspendisse in lorem ipsum ut magna pharera aliqu et non sodales lorem ipsum belit. Donec sed odio rera aliquet.</p> <ul> <li class="address">0312 Unknow Str. 22 Miron Drive New York City, 12603 NY</li> <li class="telephone">(415) 124-5678</li> <li class="email"><a href="#" title="Email">support@bloxstrap.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. </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;</span><s pan>Send Email</span></a> </div>

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

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

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

<div class="container"> <div class="row"> <div class="span12 copyright"> <small>Copyright &#169; 2013 JA Onepage for J25. All Rights Reserved . Designed by <a href="http://www.joomlart.com/" title="Visit Joomlart.com!">Joo mlArt.com</a>.</small> <small><a href="http://www.joomla.org">Joomla!</a> is Free Software released und er the <a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU General Public Lic ense.</a></small> <small><a href="http://t3.joomlart.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> <!-- //FOOTER --> </body> </html>