The document describes 9 module positions on a website template. Each position listing includes the module type, name, class suffix, and HTML source code or menu item type and name. Position 1 contains a logo image. Positions 2-3 contain menus and banners. Position 4 displays article content. Positions 5-7 contain custom HTML modules promoting responsive design, support, and settings. Position 8 features staff profiles in a portfolio. Position 9 shows recent blog posts. The document provides technical details on the modules, content, and structure across various areas of the template.

1. Templates81 Special Free Modules, Positions & Contents

2. Description for all Feature Position in
Templates Special
Position 1.
Module Type: Custom HTML
Module Name: Special_Logo
Module Class Suffix: none
Position: Top
HTML source code:
<p><a href="http://templates81.com/special-template-joomla/">
<img src="http://templates81.com/special-templatejoomla/templates/template_joomla25/css/images/logo1.png" border="0" alt="Template Joomla Hot" />
</a></p>
Position 2.
Module Type: Menu
Module Name: Content / Horizontal Menu
Module Class Suffix: main-menu
Module Class Suffix: art-vmenu
Position: main-menu
Position 3.
Module Type: Mod Templates81 Banner
Module Name: Special_Banner
Module Class Suffix: none
Module Postion: banner
Position 4.
Menu Item Type: Single Article
Article Name: Main
HTML Source code:
<div class="templates81-content">
<div class="infotextwrap infotext">
<div class="infotextBorder"></div>
<h2>Welcome to <span>Special Template</span> - Joomla Template</h2>
<div class="infotextBorder"></div>
</div>
</div>
Position 5.
Module Type Custom HTML
Module Name: Homepage_Responsive_Design
Module Class Suffix: none
Module Postion: content_left
HTML source code:
<div class="templates81-one-third templates81-first">

3. <div class="imageBox"><img src="http://templates81.com/special-template-joomla/images/templatecontent/responsiveIcon2.png" border="0" alt="RESPONSIVE DESIGN" /></div>
<h3><a class="overdefultlink" href="http://templates81.com/special-templatejoomla/pages/services">RESPONSIVE DESIGN</a></h3>
<div class="recentdescription descriptionHomePort">
<p><strong>Donec pede</strong> justo, fringilla vel, al, vulputate eget, arcu. In enim justo, lorem ipsum.</p>
</div>
</div>
Position 6.
Module Type Custom HTML
Module Name: Homepage_Support
Module Class Suffix: none
Module Postion: content-center
HTML source code:
<div class="templates81-one-third templates81-second">
<div class="imageBox"><img src="http://templates81.com/special-template-joomla/images/templatecontent/supportIcon1.png" border="0" alt="24/7 SUPPORT" /></div>
<h3><a class="overdefultlink" href="http://templates81.com/special-template-joomla/pages/services">24/7
SUPPORT</a></h3>
<div class="recentdescription descriptionHomePort">
<p><strong>Donec pede</strong> justo, fringilla vel, al, vulputate eget, arcu. In enim justo, lorem ipsum.</p>
</div>
</div>
Position 7.
Module Type: Custom HTML
Module Name: Homepage_Many_Setting
Module Class Suffix: none
Module Postion: content-right
HTML source code:
<div class="templates81-one-third templates81-last templates81-third">
<div class="imageBox"><img src="http://templates81.com/special-template-joomla/images/templatecontent/settingsIcon1.png" border="0" alt="MANY SETTINGS" /></div>
<h3><a class="overdefultlink" href="http://templates81.com/special-template-joomla/pages/services">MANY
SETTINGS</a></h3>
<div class="recentdescription descriptionHomePort">
<p><strong>Donec pede</strong> justo, fringilla vel, al, vulputate eget, arcu. In enim justo, lorem ipsum.</p>
</div>
</div>
Position 8.
Module Type: Custom HTML
Module Name: Homepage_Public_Design_Team
Module Class Suffix: none
Module Postion: content-middle
HTML source code:
<div class="templates81-homeRacent portHome">

4. <div class="titleborder"></div>
<h2>Pubic Design Team</h2>
<div class="homeRecent">
<div class="bx-wrapper">
<div style="width: 100%; height: 438px; overflow: hidden; position: relative;" class="bx-viewport">
<div class="bx-wrapper">
<div style="width: 100%; height: 437px; overflow: hidden; position: relative;" class="bx-viewport">
<div class="bx-wrapper">
<div class="bx-viewport" style="width: 100%; height: 435px; overflow: hidden; position: relative;"><!-- portfolio box 1 -->
<div class="templates81-one-third">
<div style="background-image: none; background-position: initial initial; background-repeat: initial initial;" class="recentimage">
<div class="overdefult"><a class="overdefultlink" href="http://templates81.com/special-template-joomla/pages/services"> </a>
<div class="portDate">July 23, 2006</div>
<div class="portIcon"></div>
<div class="portCategory"><a href="http://templates81.com/special-template-joomla/pages/services">Jon mit</a>, <a
href="http://templates81.com/special-template-joomla/pages/services">Design Leader</a></div>
</div>
<div style="background-image: none; background-position: initial initial; background-repeat: initial initial;" class="image">
<div></div>
<img src="http://templates81.com/special-template-joomla/images/template-content/home_team1.png" border="0" alt="Rock Guitar" style="display:
inline;" /></div>
</div>
<div class="recentdescriptionPort">
<h3><a class="overdefultlink">Design Leader</a></h3>
<div class="descriptionHomePort">
<div class="borderLine">
<div class="borderLineLeft"></div>
<div class="borderLineRight"></div>
</div>
<div class="descriptionHomePortText">You can <strong>add various details</strong> about the project like the client, provider, date when the project
was done and the<strong> URL to the project</strong>. Image used can be set for each portfolio and can be found under
<strong>featured...</strong></div>
</div>
</div>
</div>
<!-- portfolio box 2 -->
<div class="templates81-one-third">
<div style="background-image: none; background-position: initial initial; background-repeat: initial initial;" class="recentimage">
<div class="overdefult">
<div class="portDate">March 5, 2003</div>
<div class="portIcon"></div>
<div class="portCategory"><a href="http://templates81.com/special-template-joomla/pages/services">Customer Support</a></div>
</div>
<div style="background-image: none; background-position: initial initial; background-repeat: initial initial;" class="image">
<div></div>
<img src="http://templates81.com/special-template-joomla/images/template-content/home_team2.png" border="0" alt="Customer Support Leader"
style="display: inline;" /></div>
</div>
<div class="recentdescriptionPort">
<h3><a class="overdefultlink" href="http://templates81.com/special-template-joomla/pages/services">Customer Support Leader</a></h3>
<div class="descriptionHomePort">
<div class="borderLine">
<div class="borderLineLeft"></div>
<div class="borderLineRight"></div>
</div>
<div class="descriptionHomePortText">You can <strong>add various details</strong> about the project like the client, provider, date when the project
was done and the<strong> URL to the project</strong>. Image used can be set for each portfolio and can be found under
<strong>featured...</strong></div>
</div>
</div>
</div>
<!-- portfolio box 3 -->
<div class="templates81-one-third templates81-last">
<div style="background-image: none; background-position: initial initial; background-repeat: initial initial;" class="recentimage">
<div class="overdefult"><a class="overdefultlink" href="http://templates81.com/special-template-joomla/pages/services"> </a>
<div class="portDate">March 5, 2012</div>

5. <div class="portIcon"></div>
<div class="portCategory"><a href="http://templates81.com/special-template-joomla/pages/services" rel="tag">Joomla Call Center</a>, <a
href="http://templates81.com/special-template-joomla/pages/services" rel="tag">Ms Mari</a></div>
</div>
<div style="background-image: none; background-position: initial initial; background-repeat: initial initial;" class="image">
<div></div>
<img src="http://templates81.com/special-template-joomla/images/template-content/home_team3.png" border="0" alt="Joomla Call Center"
style="display: inline;" /></div>
</div>
<div class="recentdescriptionPort">
<h3><a class="overdefultlink" href="http://templates81.com/special-template-joomla/pages/services">Joomla Call Center</a></h3>
<div class="descriptionHomePort">
<div class="borderLine">
<div class="borderLineLeft"></div>
<div class="borderLineRight"></div>
</div>
<div class="descriptionHomePortText">You can <strong>add various details</strong> about the project like the client, provider, date when the project
was done and the<strong> URL to the project</strong>. Image used can be set for each portfolio and can be found under
<strong>featured...</strong></div>
</div>
</div>
</div>
</div>
<div class="bx-controls bx-has-controls-direction">
<div class="bx-controls-direction"></div>
</div>
</div>
</div>
<div class="bx-controls bx-has-controls-direction">
<div class="bx-controls-direction"></div>
</div>
</div>
</div>
<div class="bx-controls bx-has-controls-direction">
<div class="bx-controls-direction"></div>
</div>
</div>
</div>
</div>
Position 9.
Module Type: Custom HTML
Module Name: Homepage_Remember_Team
Module Class Suffix: none
Position: content-middle
HTML source code:
<div class="templates81-homeRacent templates81-post">
<div class="titleborder"></div>
<h2>Remember Team</h2>
<div class="homeRecent">
<div class="bx-wrapper">
<div style="width: 100%; height: 152px; overflow: hidden; position: relative;" class="bx-viewport">
<div class="bx-wrapper">
<div style="width: 100%; height: 152px; overflow: hidden; position: relative;" class="bx-viewport">
<div class="bx-wrapper">
<div class="bx-viewport" style="width: 100%; height: 151px; overflow: hidden; position: relative;">
<ul class="sliderAdvertisePost">

6. <li class="bx-clone" style="float: left; position: relative; width: 960px; list-style: none; margin-right: 0px; marginbottom: 0px;"><!-- post box 1 -->
<div class="one_half recentdescriptionPost">
<h3><a class="overdefultlink" href="http://templates81.com/special-templatejoomla/http://templates81.com/special-template-joomla/features/gallery">Design special Joomla
templates</a></h3>
Lorem ipsum dolor sit amet, consecteter<strong> adipiscing elit</strong> , sed diam nonummy nibh euismod
ti ... <a class="recentmore" href="http://templates81.com/special-templatejoomla/http://templates81.com/special-template-joomla/features/gallery"> Read more →</a></div>
<!-- post box 2 -->
<div class="one_half templates81-last recentdescriptionPost">
<h3><a class="overdefultlink" href="http://templates81.com/special-templatejoomla/http://templates81.com/special-template-joomla/features/gallery">Welcome to our Template
Joomla</a></h3>
Lorem ipsum dolor sit amet, consecteter <strong>adipiscing elit</strong>, sed diam nonummy nibh euismod
tin ... <a class="recentmore" href="http://templates81.com/special-templatejoomla/http://templates81.com/special-template-joomla/features/gallery"> Read more →</a></div>
</li>
</ul>
</div>
<div class="bx-controls bx-has-controls-direction">
<div class="bx-controls-direction"></div>
</div>
</div>
</div>
<div class="bx-controls bx-has-controls-direction">
<div class="bx-controls-direction"></div>
</div>
</div>
</div>
<div class="bx-controls bx-has-controls-direction">
<div class="bx-controls-direction"></div>
</div>
</div>
</div>
</div>
Position 10.
Module Type: Mod Templates81 Slider
Module Name: Special_Images_Slider
Module Class Suffix: none
Module Postion: content_bottom
Position 11
Module Type: Custom HTML
Module Name: Footer_Column1
Module Class Suffix: none

7. Position: Footer
HTML source code:
<div class="templates81-footer-widget1">
<div class="widget widget_text">
<h3>Company description</h3>
<div class="textwidget">Our program is free to join, it's easy to sign-up and requires no technical knowledge.
Programs are common throughout the Internet and offer website owners an additional way to profit from their
websites</div>
</div>
<!-- footer social icons -->
<div class="socialfooter">
<h3>Socialize with us</h3>
<div class="socialcategory">
<div class="facebooklink1" href="https://www.facebook.com/" title="Facebook"></div>
<div class="dribble1" href="http://dribbble.com/" title="Dribble"></div>
<div class="twitterlink1" href="https://twitter.com/" title="Twitter"></div>
<div class="vimeo1" href="http://www.digg.com" title="Vimeo"></div>
</div>
</div>
</div>
Position 12.
Module Type: Custom HTML
Module Name: Footer_Column2
Module Class Suffix: none
Position: Footer
HTML source code:
<div class="templates81-footer-widget2">
<div class="widget widget_tag_cloud">
<h3>Tags</h3>
<div class="tagcloud">
<a href="http://templates81.com/special-template-joomla/pages/article-summury">Joomla</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">Template</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">business</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">business template</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">Cards</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">concert</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">extension</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">freelancing</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">gallery</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">K2 extension</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury"> images</a>
<a href="http://templates81.com/special-template-joomla/pages/article-summury">templates hot</a>
</div>
</div>
</div>

8. Position 13.
Module Type: Custom HTML
Module Name: Footer_Column3
Module Class Suffix: none
Position: Footer
HTML source code:
<div class="templates81-footer-widget3">
<div class="widget widget_categories">
<h3>Our categories</h3>
<ul>
<li class="cat-item cat-item-2"><a href="http://templates81.com/templates-contact" title="View all posts filed
under Blogroll"> Wellcom templates</a></li>
<li class="cat-item cat-item-3"><a href="http://templates81.com/templates-contact" title="View all posts filed
under Company News"> Company News</a></li>
<li class="cat-item cat-item-4"><a href="http://templates81.com/templates-contact" title="Our featured
items">Featured</a></li>
<li class="cat-item cat-item-5"><a href="http://templates81.com/templates-contact" title="Check the latest
news about our company and don't miss anything from our Blog."> News</a></li>
<li class="cat-item cat-item-6"><a href="http://templates81.com/templates-contact" title="Just a test category
about Photography."> Rule template</a></li>
<li class="cat-item cat-item-7"><a href="http://templates81.com/templates-contact" title="View all posts filed
under Sculptures"> Support</a></li>
</ul>
</div>
</div>
Position 14.
Module Type: Custom HTML
Module Name: Footer_Column4
Module Class Suffix: none
Position: Footer
HTML source code:
<div class="templates81-footer-widget4 templates81-last">
<div class="widget recent_posts">
<h3>Hot News Posts</h3>
<!--racent posts -->
<div class="widgett">
<div class="imgholder"><a href="http://templates81.com/special-template-joomla/pages/services"
title="Permanent Link to Music Event with DJ starting at 20.00" rel="bookmark"> <img class="attachmentwidget wp-post-image" src="http://templates81.com/special-template-joomla/images/templatecontent/title_image1.png" border="0" alt="music-event" width="85" height="55" /> </a></div>
<div class="wttitle">
<h4><a href="http://templates81.com/special-template-joomla/pages/services" title="Design professional on
2013" rel="bookmark"> Design professional on 2013</a></h4>
</div>
<div class="details2">1 Replies</div>
</div>

9. <div class="widgett">
<div class="imgholder"><a href="http://templates81.com/special-template-joomla/pages/services"
title="Permanent Link to Welcome to our Guitar Concert" rel="bookmark"> <img class="attachment-widget wppost-image" src="http://templates81.com/special-template-joomla/images/templatecontent/title_image2.png" border="0" alt="Guitar-rock" width="85" height="55" /> </a></div>
<div class="wttitle">
<h4><a href="http://templates81.com/special-template-joomla/pages/services" title="Welcome to our
templates" rel="bookmark">Welcome to our templates</a></h4>
</div>
<div class="details2">No Replies</div>
</div>
<div class="widgett">
<div class="imgholder"><a href="http://templates81.com/special-template-joomla/pages/services"
title="Permanent Link to This is audio post" rel="bookmark"> <img class="attachment-widget wp-post-image"
src="http://templates81.com/special-template-joomla/images/template-content/title_image3.png" border="0"
alt="young-artist" width="85" height="55" /> </a></div>
<div class="wttitle">
<h4><a href="http://templates81.com/special-template-joomla/pages/services" title="This is special template
joomla" rel="bookmark">This is special template joomla</a></h4>
</div>
<div class="details2">No Replies</div>
</div>
</div>
</div>
Position 15.
Module Type: Custom HTML
Module Name: CopyRight
Module Class Suffix: none
Position: footer
HTML source code:
<div class="footernav menu-footer-container"><!-- foter menu -->
<ul id="menu-footer" class="footernav">
<li><a href="http://templates81.com/">Home</a></li>
<li><a href="http://templates81.com/templates-contact">Policy</a></li>
<li><a href="http://templates81.com/support">About Us</a></li>
</ul>
</div>
<!-- copyright" -->
<div class="copyright">© 2013 copyright Templates81.com // All rights reserved</div>
Position 16.
Module Type: Mod Templates81 Top
Module Name: GoTo_Top
Module Class Suffix: none
Module Postion: footer

10. Install and Import data for Templates Special
1. Login to your site with role supper user
2. Extension/Extension Manager/Install -> Click Browse
Browse to file install-> Click Upload&Install
3. Extension/Template Manager: Make Default for Special_Joomla_Templates81
4. Click Special_Joomla_Templates81 – Default
5. Click button Import Content from Template/Import