Модуль HTML-код - Поиск компонентов, модулей, плагинов

<div id="showcase" class="dp100">
<div class="background"> </div>
<div class="foreground">
<div class="showcase">
<h1>Looking for the fastest <strong>Joomla</strong> template? <strong>Afterburner</strong> is fast, fully featured and <strong>FREE!</strong></h1>
<h3>Speed Optimised <strong>+</strong> SEO Optimised <strong>+</strong> Beautiful Design <strong>+</strong> Fully Featured <strong>+</strong> Free!</h3>


<div class="dp33">
<div class="pad">
<div class="num">1</div>
<h2>Fastest Joomla Template</h2>
<p><strong>Performance</strong> is a key aspect of Afterburner, using techniques such as a single image and compressed CSS, to make the theme the <strong>fastest</strong> Joomla template ever!</p>
<a class="readon2" href="../free/afterburner/features/fast-loading"><span>Learn More</span></a></div>
</div>


<div class="dp33">
<div class="pad">
<div class="num">2</div>
<h2>Search Engine Optimised</h2>
<p>Refined layout that places the main column <strong>first</strong> in the source, meaning it is crawled by <strong>Google</strong> first, perfect for search engine optimisation purposes.</p>
<a class="readon2" href="../free/afterburner/features/optimised-layout"><span>Learn More</span></a></div>
</div>


<div class="dp33">
<div class="pad">
<div class="num">3</div>
<h2>Light &amp; Dark Variations</h2>
<p>8 distinct inbuilt style variations, <strong>Light</strong> and <strong>Dark</strong>, to maximise the possibilities when using the <strong>Afterburner</strong> template. All Controllable by template manager parameters.</p>
</div>
<div class="pad"><a class="readon2" href="../free/afterburner/features/preset-styles"><span>Learn More<br /></span></a><span><br /><br /> </span></div>
</div>


</div>
</div>
</div>

#wrapper {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 962px;
}
.s-c-s #colmid {
    left: 210px;
}
.s-c-s #colright {
    margin-left: -420px;
}
.s-c-s #col1pad {
    margin-left: 420px;
}
.s-c-s #col2 {
    left: 210px;
    width: 210px;
}
.s-c-s #col3 {
    width: 210px;
}
.s-c-x #colright {
    left: 210px;
}
.s-c-x #col1wrap {
    right: 210px;
}
.s-c-x #col1 {
    margin-left: 210px;
}
.s-c-x #col2 {
    right: 210px;
    width: 210px;
}
.x-c-s #colright {
    margin-left: -210px;
}
.x-c-s #col1 {
    margin-left: 210px;
}
.x-c-s #col3 {
    left: 210px;
    width: 210px;
}

#wrapper {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 962px;
}
.s-c-s #colmid {
    left: 210px;
}
.s-c-s #colright {
    margin-left: -420px;
}
.s-c-s #col1pad {
    margin-left: 420px;
}
.s-c-s #col2 {
    left: 210px;
    width: 210px;
}
.s-c-s #col3 {
    width: 210px;
}
.s-c-x #colright {
    left: 210px;
}
.s-c-x #col1wrap {
    right: 210px;
}
.s-c-x #col1 {
    margin-left: 210px;
}
.s-c-x #col2 {
    right: 210px;
    width: 210px;
}
.x-c-s #colright {
    margin-left: -210px;
}
.x-c-s #col1 {
    margin-left: 210px;
}
.x-c-s #col3 {
    left: 210px;
    width: 210px;
}