Zoomin

Zoomin is a clean, stylish and professionally designed responsive Joomla template suitable for portfolios, blogs and news sites. The template supports K2 and uses our popular component Minitek Wall.

  • PHP 5.3.10+

  • MySQl 5.1+ with InnoDB support

  • Apache 2.x+ with mod_mysql, mod_xml, mod_zlib

  • GD library support

  • cURL library support

  • Minimum PHP memory limit: 64MB

The template consists of the following files:

  • Quickstart package

  • Template file

  • T3 plugin

  • Minitek Wall - component

  • Minitek Wall - module

  • Minitek Slider - module

  • Minitek Contact - module

The template's Home page is created with the following modules:

  • Minitek Slider - module

  • Minitek Wall - module

  • Custom HTML - module

  • Menu - module

  • Search - module

  • Log in - module

  • Minitek Contact - module

The template offers two installation methods: the Manual installation and the Quickstart installation.

The Manual installation is preferred if you just want to install the template to an existing website which already has some content. However, keep in mind that when you install the template to an existing website, you will also have to reconfigure your modules because the new template has different module positions.

The Quickstart installation is the best solution if you are building a brand new website and you want to achieve the same look as the one in the template demo. The Quickstart zip file typically contains Joomla! as well as all extensions used in the demo of the template. All content, modules and menus are already configured exactly like in the template demo.

Quickstart Installation Guide
Manual Installation Guide
  1. Go to Article Manager and create a new article. Paste the following shortcode inside the article content area.

    <div class="mn-flexbox slider-content">
    	<div class="container text-center">
    		<h3 class="animated fadeInLeftBig duration3 slider-title">Welcome to our creative portfolio</h3>
    	</div>
    </div>
        

  2. Replace the text in the shortcode with your own text.

  3. Under the tab Images & Links select an image for the first slide (Intro image & Full Article image).

  4. Click on Save & Close.

  5. Go to Module Manager and click on New.

  6. Select Minitek Slider for Articles from the list.

  7. Enter a title for the module.

  8. Set the module status to Published and enter mn-slider in the field Position.

  9. Under the tab Menu Assignment you can select the pages where the module will display.

  10. Under the tab Data Source you must select the articles that will display in the Slider.

    Proposed settings:

  11. Under the tab Basic Settings you can configure the articles display.

    Proposed settings:

  12. Click on Save & Close.

<div class="social-icons">
	<ul>
		<li class="fafacebook"> <a class="facebook" href="#"><i class="fa fa-facebook"></i></a> </li>
		<li class="twitter"> <a class="twitter" href="#"><i class="fa fa-twitter"></i></a> </li>
		<li class="linkedin"> <a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a> </li>
		<li class="google-plus"> <a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a> </li>
		<li class="rss"> <a class="rss" href="#"><i class="fa fa-rss"></i></a> </li>
		<li class="youtube"> <a class="youtube" href="#"><i class="fa fa-youtube"></i></a> </li>
	</ul>
</div>
<div class="footer-social-icons">
	<div  class="footer-slogan">also goes social</div>
	<ul>
		<li class="fafacebook"> <a class="facebook" href="#"><i class="fa fa-facebook"></i></a> </li>
		<li class="twitter"> <a class="twitter" href="#"><i class="fa fa-twitter"></i></a> </li>
	</ul>
	<ul>
		<li class="linkedin"> <a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a> </li>
		<li class="google-plus"> <a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a> </li>
	</ul>
</div>
<div class="row mn-stats">
	<div class="col-md-6 mn-stats-progress"> <span>Landscape</span><span class="pull-right">%</span><span class="pull-right mn-stats-counter" data-from="0" data-to="85" data-speed="4000">0</span>
		<div class="progress ">
			<div class="progress-bar mn-on-scroll-progress" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only"></span> </div>
		</div>
		<span>Activities</span><span class="pull-right">%</span><span class="pull-right mn-stats-counter" data-from="0" data-to="75" data-speed="4000">0</span>
		<div class="progress">
			<div class="progress-bar mn-on-scroll-progress" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only"></span> </div>
		</div>
		<span>Animals</span><span class="pull-right">%</span><span class="pull-right mn-stats-counter" data-from="0" data-to="70" data-speed="4000">0</span>
		<div class="progress ">
			<div class="progress-bar mn-on-scroll-progress" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only"></span> </div>
		</div>
	</div>
	<div class="col-md-6 mn-stats-progress"> <span>Travel</span><span class="pull-right">%</span><span class="pull-right mn-stats-counter" data-from="0" data-to="60" data-speed="4000">0</span>
		<div class="progress ">
			<div class="progress-bar mn-on-scroll-progress" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only"></span> </div>
		</div>
		<span>Fashion</span><span class="pull-right">%</span><span class="pull-right mn-stats-counter" data-from="0" data-to="55" data-speed="4000">0</span>
		<div class="progress">
			<div class="progress-bar mn-on-scroll-progress" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only"></span> </div>
		</div>
		<span>People</span><span class="pull-right">%</span><span class="pull-right mn-stats-counter" data-from="0" data-to="95" data-speed="4000">0</span>
		<div class="progress ">
			<div class="progress-bar mn-on-scroll-progress" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only"></span> </div>
		</div>
	</div>
</div>
<div class="mn-module-title"> Zoomming in our skills & experience levels </div>
<div class="mn-module-desc"> Dolor sit amet, consectetur adipisicing elit, sed do eiusmod empor incididunt ut labore et dolore magna aliqua. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Donec aliquam commodo justo. Aenean leo ligula, porttitor eu, consequat vitae seasne eleifend ac, enim. </div>

Check out the detailed documentation of the T3 Framework.

This website uses cookies to ensure that you get the best user experience. Cookies Policy / Privacy Policy

Search