CINXE.COM

<!DOCTYPE html> <html lang="en-gb" dir="ltr"> <head>   <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=joomlart"></script> <script type="text/javascript"> addthis.layers({ 'theme' : 'transparent', 'share' : { 'position' : 'left', 'services' : 'facebook,twitter,google_plusone_share,pinterest_share,more' } }); </script>  <base href="https://www.t3-framework.org/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Joomla 3.0, bootstrap, responsive, template framework" /> <meta name="description" content="T3 Template framework for Joomla 3.0 using bootstrap" /> <meta name="generator" content="Joomla! - Open Source Content Management" /> <title>Home - T3 - Joomla Template Framework</title> <link href="/?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="/?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <link href="/templates/t3_blank/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="https://www.t3-framework.org/component/search/?Itemid=435&format=opensearch" rel="search" title="Search T3 - Joomla Template Framework" type="application/opensearchdescription+xml" /> <link href="/templates/t3_blank/local/css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="/templates/system/css/system.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/local/css/template.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/local/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/local/css/template-responsive.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/local/css/megamenu.css" rel="stylesheet" type="text/css" /> <link href="/plugins/system/t3/base/css/megamenu-responsive.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/local/css/off-canvas.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/css/ellipsis.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/css/custom.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/addons/google-code-prettify/prettify.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/local/css/home.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_blank/local/css/home-responsive.css" rel="stylesheet" type="text/css" /> <script src="/media/jui/js/jquery.min.js?0750b8a647f336e0df5479567a091730" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js?0750b8a647f336e0df5479567a091730" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js?0750b8a647f336e0df5479567a091730" type="text/javascript"></script> <script src="/media/system/js/caption.js?0750b8a647f336e0df5479567a091730" type="text/javascript"></script> <script src="/plugins/system/t3/base/bootstrap/js/bootstrap.js" type="text/javascript"></script> <script src="/plugins/system/t3/base/js/jquery.tap.min.js" type="text/javascript"></script> <script src="/plugins/system/t3/base/js/off-canvas.js" type="text/javascript"></script> <script src="/plugins/system/t3/base/js/script.js" type="text/javascript"></script> <script src="/plugins/system/t3/base/js/menu.js" type="text/javascript"></script> <script src="/plugins/system/t3/base/js/responsive.js" type="text/javascript"></script> <script src="/templates/t3_blank/js/jquery.ellipsis.js" type="text/javascript"></script> <script src="/templates/t3_blank/js/script.js" type="text/javascript"></script> <script src="/templates/t3_blank/addons/google-code-prettify/prettify.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); </script>  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <meta name="HandheldFriendly" content="true" /> <meta name="apple-mobile-web-app-capable" content="YES" />   <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,700,400" rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic" rel='stylesheet' type='text/css'>     <script type="text/javascript" src="/plugins/system/t3/base/js/respond.min.js"></script>  <script type="text/javascript" src="/templates/t3_blank/js/ftellipsis.min.js"></script>   <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700" rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600" rel='stylesheet' type='text/css'>  <style> #t3-mainnav { top: 0; } </style> <meta name="google-site-verification" content="mJO9uV024cslSFJ9A5UoNNmYzFwb3ELBkmapjilir2w" /> </head> <body>  <div id="t3-topbar" class="wrap topbar hidden-xs"> <div class="container"> <div class="custom" > <div class="promo-bar-ct"> <div class="txt-info"> 馃敟 <strong>T4 Framework</strong><span class="mobile-none"> - the all-new framework for Joomla </span> </div> <div class="btn-view"> <a class="cta" href="https://www.joomlart.com/t4-framework" title="T4 Joomla template framework">Explore Now</a> </div> </div></div> </div> </div>   <nav id="t3-mainnav" class="wrap t3-mainnav navbar-fixed-top navbar-collapse-fixed-top"> <div class="container navbar"> <div class="navbar-inner"> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <i class="icon-reorder"></i> </button>  <div class="logo logo-image"> <h1> <a href="/" title="Sitename"> <span>Sitename</span> </a> <small class="site-slogan hidden-phone">Your slogan goes here</small> </h1> </div>  <div class="nav-collapse collapse always-show"> <div class="t3-megamenu" data-responsive="true"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="nav navbar-nav level0"> <li itemprop='name' class="current active nav-home" data-id="435" data-level="1" data-class="nav-home"> <a itemprop='url' class="" href="/" data-target="#">Home </a> </li> <li itemprop='name' data-id="615" data-level="1"> <a itemprop='url' class="" href="/whats-new.html" data-target="#">What's New </a> </li> <li itemprop='name' data-id="627" data-level="1"> <a itemprop='url' class="" href="/t3-gallery.html" data-target="#">T3 Gallery </a> </li> <li itemprop='name' data-id="594" data-level="1"> <a itemprop='url' class="" href="/downloads.html" data-target="#">Downloads </a> </li> <li itemprop='name' class="nav-docs sub-hidden-collapse" data-id="477" data-level="1" data-class="nav-docs" data-hidesub="1" data-hidewcol="1"> <a itemprop='url' class="" href="/documentation.html" data-target="#">Documentation </a> </li> <li itemprop='name' data-id="611" data-level="1"> <a itemprop='url' class="" href="http://www.joomlart.com/video-tutorials" data-target="#">Video Series</a> </li> <li itemprop='name' data-id="553" data-level="1"> <a itemprop='url' class="" href="/discussions.html" data-target="#">Discussions </a> </li> </ul> </div> </div>  <div class="head-search"> <form class="form-search" action="/" method="post"> <div class="search"> <label for="mod-search-searchword">Search ...</label><input name="searchword" id="mod-search-searchword" maxlength="200" class="input" type="text" size="20" placeholder="Search ..." /> <input type="hidden" name="task" value="search" /> <input type="hidden" name="option" value="com_search" /> <input type="hidden" name="Itemid" value="435" /> </div> </form> </div>  </div> </div> </nav> <script type="text/javascript"> jQuery(document).ready(function($){ $('.nav > li').hover(function(event) { var $this = $(this); clearTimeout ($this.data('hoverTimeout')); $this.addClass ('open'); }, function(event) { var $this = $(this); $this.data('hoverTimeout', setTimeout(function(){$this.removeClass ('open')}, 100)); }); }); </script>  <div class="home">  <section class="wrap t3-sl t3-sl-1"> <div class="custom" > <div class="jumbotron masthead-video"> <div class="container"> <div class="row-fluid"> <div class="span6 welcome-msg"> <h1><strong>T3</strong> for Joomla 3 & Joomla 4</h1> <p>The all new, modern and flexible Joomla Template Framework built with <strong>Bootstrap 3</strong>, powered by <strong>YOU</strong>!</p> <p> <a href="http://t3-framework.org/whats-new" role="button" class="btn btn-success btn-large">Learn more</a> </p> </div> <div class="span6 welcome-video"> <div class="video-wrapper"> <iframe width="560" height="315" frameborder="0" src="//www.youtube.com/embed/GavP7BLhFpw?modestbranding=1&;showinfo=0&;autohide=1&;rel=0&;hd=1" allowfullscreen></iframe> </div> </div> </div> </div> </div></div> </section>   <section class="wrap t3-sl t3-sl-2"> <div class="container"> <div class="custom" > <img src="http://static.joomlart.com/images/jat3v3-documents/gallery/t3-banner.png" alt="T3 Framework" /> <div class="row"> <div class="span4" data-tablet="span12 spanfirst"> <h3>The "All New" T3</h3> <p>Support the latest Joomla 3, T3 hits the beat with the brand-new look, design approach and incredibly powerful customization feature.</p> </div> <div class="span4" data-tablet="span12 spanfirst"> <h3>User Centric Design</h3> <p>Sleek look, clean coding and elegant design make T3 a sophisticated and user-friendly theme, guarantee to catch the attention right on spot. </p> </div> <div class="span4" data-tablet="span12 spanfirst"> <h3>Developer's Freedom</h3> <p>Customize and style your theme in a click with the built-in tool developed for T3 only, cherish the endless flexibility it gives you.</p> </div> </div></div> </div> </section>   <section class="wrap t3-sl t3-sl-3"> <div class="container"> <div class="custom" > <header class="jumbotron"> <h2>Why choose T3?</h2> <p>6 years in Joomla! Development CAN'T be wrong!</p> </header> <div class="row"> <div class="span3" data-tablet="span6"> <p><img src="/images/joomlart/banners/responsive-icon.png" alt="Reposive"></p> <h3>Responsive</h3> <p>Experience the power of Responsive Design, which does not only look good on all browsers and devices but also works like a charm!</p> </div> <div class="span3" data-tablet="span6"> <p><img src="/images/joomlart/banners/html5-icon.png" alt="Resposive"></p> <h3>HTML5</h3> <p>Stepping stone to ensure your web experience and visualization quality that benefits from rich markup and compatibility.</p> </div> <div class="span3" data-tablet="span6 spanfirst"> <p><img src="/images/joomlart/banners/bootstrap-icon.png" alt="Bootstrap"></p> <h3>Bootstrap</h3> <p>Integrated in full features and components from Bootstrap to standardize your grid, typography, and modules with less efforts.</p> </div> <div class="span3" data-tablet="span6"> <p><img src="/images/joomlart/banners/seo-icon.png" alt="SEO"></p> <h3>SEO</h3> <p>Great design impresses your visitors, but SEO friendly codes bring visitors, drive more <a href="https://www.google.com" target="_blank">Googlers</a> to yours while you're sleeping.</p> </div> </div></div> </div> </section>   <section class="wrap t3-sl t3-sl-4"> <div class="container"> <div class="custom" > <header class="jumbotron"> <h2>T3 Gallery</h2> <p>See more <a href="https://www.t3-framework.org/t3-gallery.html" title="T3 framework Joomla templates">HERE!</a></p> </header> <div class="row-fluid"> <ul class="thumbnails"> <li class="span3"> <a class="thumbnail" href="http://www.joomlart.com/demo/#ja_obelisk" title="JA Obelisk template" target="_blank"> <img class="img-responsive" src="http://static.joomlart.com/images/jat3v3-documents/gallery/thumb-1.png" alt="JA Obelisk template"> </a> </li> <li class="span3"> <a class="thumbnail" href="http://www.joomlart.com/demo/#ja_magz" title="JA Magz template" target="_blank"> <img class="img-responsive" src="http://static.joomlart.com/images/jat3v3-documents/gallery/thumb-2.png" alt="JA Magz Template"> </a> </li> <li class="span3"> <a class="thumbnail" href="http://www.joomlart.com/demo/#ja_muzic" title="JA Muzic Template" target="_blank"> <img class="img-responsive" src="http://static.joomlart.com/images/jat3v3-documents/gallery/thumb-3.png" alt="JA Muzic Template" target="_blank"> </a> </li> <li class="span3"> <a class="thumbnail" href="http://www.joomlart.com/demo/#ja_fixel" title="JA Fixel template" target="_blank"> <img class="img-responsive" src="http://static.joomlart.com/images/jat3v3-documents/gallery/thumb-4.png" alt="JA Fixel Template"> </a> </li> </ul> <ul class="thumbnails"> <li class="span3"> <a class="thumbnail" href="http://www.joomlart.com/demo/#ja_beranis" title="JA beranis template" target="_blank"> <img class="img-responsive" src="http://static.joomlart.com/images/jat3v3-documents/gallery/thumb-5.png" alt="JA Beranis template"> </a> </li> <li class="span3"> <a class="thumbnail" href="http://www.joomlart.com/demo/#ja_smashboard" title="JA Smashboard Template" target="_blank"> <img class="img-responsive" src="http://static.joomlart.com/images/jat3v3-documents/gallery/thumb-6.png" alt="JA Smashboard Template"> </a> </li> <li class="span3"> <a class="thumbnail" href="http://www.joomlart.com/demo/#ja_hawkstore" title="JA Hawstore template" target="_blank"> <img class="img-responsive" src="http://static.joomlart.com/images/jat3v3-documents/gallery/thumb-7.png" alt="JA Hawstore template"> </a> </li> <li class="span3"> <a class="thumbnail" href="http://www.joomlart.com/demo/#ja_fubix" title="JA Fubix Template" target="_blank"> <img class="img-responsive" src="http://static.joomlart.com/images/jat3v3-documents/gallery/thumb-8.png" alt="JA Fubix Template"> </a> </li> </ul> </div></div> </div> </section>   <section class="wrap t3-sl t3-sl-5"> <div class="custom" > <div class="container jumbotron masthead"> <span class="section-arrow-alt"></span> <p>Want to be the first to try our new framework...</p> <div class="btn-actions"> <a href="https://t3-blank-joomla4.demo.joomlart.com" role="button" class="btn btn-success btn-large hidden-phone" data-toggle="modal">Live Demo</a> <a href="https://t3-blank-joomla4.demo.joomlart.com" role="button" class="btn btn-success btn-large visible-phone">Demo</a> <a href="/downloads.html" role="button" class="btn btn-primary btn-large">Download <span class="hidden-phone">T3</span></a> </div> </div></div> </section>  </div>  <footer id="t3-footer" class="wrap t3-footer"> <section class="t3-copyright"> <div class="container"> <div class="footer-links"> <small> Copyright © 2019 T3 Joomla Template Framework. All Rights Reserved. Designed by <a href="http://www.joomlart.com/" title="Visit Joomlart.com!" target="_blank">JoomlArt.com</a>. </small> <ul> <li><a href="https://github.com/t3framework/t3" target="_blank">T3 on GitHub</a></li> </ul> </div> <div class="copyright"> <small> <a href="http://www.joomla.org" target="_blank">Joomla!</a> is Free Software released under the <a href="http://www.gnu.org/licenses/gpl-2.0.html">GNU General Public License.</a> </small> <small> <a href="http://twitter.github.io/bootstrap/" target="_blank">Bootstrap</a> is a front-end framework of Twitter, Inc. Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. </small> <small> <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome</a> font licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>. </small> <div class="poweredby"> <small><a rel="nofollow" class="t3-logo t3-logo-light" href="http://t3-framework.org" title="Powered By T3 Framework" target="_blank">Powered by <strong>T3 Framework</strong></a></small> </div> </div> </div> </section> </footer>  <div class="sticky-module">   <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=joomlart"></script> <script type="text/javascript"> addthis.layers({ 'theme' : 'transparent', 'share' : { 'position' : 'left', 'services' : 'facebook,twitter,google_plusone_share,pinterest_share,more' } }); </script>  </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-243376-14', 't3-framework.org'); ga('send', 'pageview'); </script> </body> </html>