Nefario
Installation
Layout Configuration and Template Manager
Before starting with Nefario please take a look with the power of T3V3 framework and its Layout Configuration.
- Backend Overview
- Layout Overview
- Mega Menu
- Adding Animation Effect for Megamenu
- How to install Google Analytics
Slideshow
Home page slideshow comes with Revolution Slider. Please, see this video tutorial to understand revolution slider.
Feature
Title part comes with ITL Feature
module along with font awesome and published on position name feature-1, feature-2, feature-3, feature-4.
Just type the icon name (exclude: fa fa-), Title and Description. If you leave read more link blank then (read more) button will not visible on front-end.
Feature-Bottom
Title part comes with custom html module and published on position name feature-bottom.
Check the html code:
<div class="feature-list">
<span class="fa fa-paper-plane-o fa-3x">Â </span>
<div class="feature-content">
<h3>Best features ready to be used</h3>
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus</p>
</div>
</div>
Portfolio
This parts comes by great Roksprocket module with Joomla article. At first create some article with category Portfolio.
Put images on intro image box from Images and links tab. Image dimension I used 600px X 600px.
See the below configuration of Roksprocket module style Mosaic
.
Service
Title part comes with ITL Feature
module along with line icons and published on position name service-1, service-2, service-3
. Just type the icon name (exclude: fa fa-), Title and Description.
Then click on Advanced Ta
b and change Alternative Layout
from Default
to service
and you're done.
About Us
This part also comes by great Roksprocket module (list layout) with Joomla article. Category service
.
What Our Client's Say
This parts also comes by great Roksprocket module (features layout's showcase theme & module class suffix is testimonial) with Joomla article. Category testimonial
.
Subscribe
Our Clients
Our Clients made by Roksprocket module and style type strips. Need to create joomla article with category Partners. Use joomla intro image option to attach partners logo. Then see the configuration:
Latest From Blog
We used News Show Pro Gk5 to present Latest News from K2 with module class suffix nefario-latest-post
.
Photo Gallary
This part comes by shortcode. Image dimension is 600px X 600px. Below the html of shortcode:
{gallery}itl_demo/gallery{/gallery}
Feature Tab
It comes by RokSprokcet module with Joomla article. At first create a category Main tab and publish 3 article with some text and images.
Configuration:
Tab tables, icon and text comes by custom field. See the image below and on the right side you can see module configuration. You have to use module class suffix feature-tab
to see the styles as in demo.
<span class="fa fa-magic main-tab-icon"> </span>
<span class="main-tab-content">
<h3>Easily Customizable Theme</h3>
<p>Quisque vestibulum posuere gnissim tincidunt</p>
</span>
Team Members
Its an article in nefario-demo category.See the shown code below
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="staff-member">
<div class="staff-member-image"><img class="img-responsive" src="/images/itl_demo/team/team-member5-big.jpg" border="0" alt="Staff Member" /></div>
<div class="staff-member-name">
<h4>Lance Dorgan</h4>
<p>Art Director</p>
</div>
<div class="staff-member-description">
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
<div class="staff-member-social">
<ul class="list-inline">
<li>
<div class="icon-wrapper"><a class="tooltip-on" href="https://www.facebook.com" title="Facebook"><em class="fa fa-facebook">Â </em></a></div>
</li>
<li>
<div class="icon-wrapper"><a class="tooltip-on" href="https://www.twitter.com" title="Twitter"><em class="fa fa-twitter">Â </em></a></div>
</li>
<li>
<div class="icon-wrapper"><a class="tooltip-on" href="https://www.google.com" title="GooglePlus"><em class="fa fa-google-plus">Â </em></a></div>
</li>
<li>
<div class="icon-wrapper"><a class="tooltip-on" href="https://www.linkedin.com" title="Linkedin"><em class="fa fa-linkedin">Â </em></a></div>
</li>
</ul>
</div>
</div>
</div>
Pricing Table
Its an article in nefatio-demo category. See the shown code below
<div class="col-md-3 col-xs-12">
<div class="package">
<div class="package-header bg">
<h5>Basic</h5>
</div>
<div class="price">
<h4><span class="dollar-sign">$</span>15</h4>
<span class="price-meta"> / mo </span>
</div>
<ul>
<li><span class="fa fa-check">Â </span>100GB Storage</li>
<li><span class="fa fa-check">Â </span>All Themes</li>
<li><span class="fa fa-times">Â </span>Access to Tutorials</li>
<li><span class="fa fa-times">Â </span>Auto Backup</li>
<li><span class="fa fa-times">Â </span>Extended Security</li>
</ul>
<a class="btn btn-primary pricing-btn" href="#"> Sign Up </a>
</div>
</div>
T3 Documenation with video link
Here is the documenation link of T3 Framework.
At a galance video of T3 framework