Apollo

Apollo is a clean, stylish and professionally designed responsive Joomla template suitable for business sites and blogs. 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

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

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">
    		<div class="mn-slider-icons animated fadeInDown">
    			<i class="mn-icons-balloon"></i>
    			<i class="mn-icons-sound big"></i>
    			<i class="mn-icons-gear"></i>
    		</div>
    		<h3 class="animated fadeInLeftBig duration3 slider-title">Upgrade your audio & visual presence the easiest way</h3>
    		<span class="text-center"> 
    			<a class="btn-slider animated fadeInRightBig duration4" href="#"> Learn More </a> 
    		</span> 
    	</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.

  1. Go to Module Manager and click on New.

  2. Select Custom HTML from the list.

  3. Enter a title for the module.

  4. Set the module status to Published and enter mn-parallax1 in the field Position.

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

  6. Paste the following shortcode inside the field Custom HTML.

    <div class="mn-parallax-background">
    	<div class="container mn-parallax-inner">
    		<div class="mn-title-parallax">
    			<div class="mn-title-parallax-inner">
    				<h2 class="duration2 mn-on-scroll animated fadeInUp delay1">Apollo is all your connection with the music world in one simple application.</h2>
    				<h2 class="duration2 mn-on-scroll animated fadeInUp delay1">Find out more. </h2>
    			</div>
    			<div class="mn-title-btn "> <a class="btn-color duration2 mn-on-scroll animated fadeInLeft delay1" href="#"> Download </a> <a class="btn-blank duration2 mn-on-scroll animated fadeInRight delay1" href="#"> Sign up now</a> </div>
    		</div>
    	</div>
    </div>
        
  7. Under the tab Options select a background image for the parallax section.

  8. 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="mn-parallax-background">
	<div class="container mn-parallax-inner">
		<div class="mn-title-parallax">
			<div class="mn-title-parallax-inner">
				<h2 class="duration2 mn-on-scroll animated fadeInUp delay1">Apollo is all your connection with the music world in one simple application.</h2>
				<h2 class="duration2 mn-on-scroll animated fadeInUp delay1">Find out more. </h2>
			</div>
			<div class="mn-title-btn "> <a class="btn-color duration2 mn-on-scroll animated fadeInLeft delay1" href="#"> Download </a> <a class="btn-blank duration2 mn-on-scroll animated fadeInRight delay1" href="#"> Sign up now</a> </div>
		</div>
	</div>
</div>
<div class="mn-module-title">
	<h3 class="mn-module-title-down">Audio & visual connection in one place</h3>
</div>
<div class="mn-con">
	<div class="col-sm-6 mn-con-in left"> <img src="/images/apollo/audio/audio1.jpg" border="0" alt="App" class="mn-on-scroll animated fadeInLeft duration3"> </div>
	<div class="col-sm-6 right">
		<div class="mn-con-in mn-on-scroll animated fadeInRight duration3"> <img src="/images/apollo/audio/audio2.jpg" border="0" alt="App">
			<div class="mask">
				<h3>As a musician you have your own profile page which you can personalize and make unique. </h3>
				<h4>Connect & share with your fans on the go and from the backstage by posting your songs and videos any time. This way people will give a closer look at your work. You are free to express yourself and gain more inspiration from talented musicians. </h4>
			</div>
		</div>
	</div>
	<div class="col-sm-6 left">
		<div class="mn-con-in mn-on-scroll animated fadeInLeft duration3"> <img src="/images/apollo/audio/audio3.jpg" border="0" alt="App">
			<div class="mask">
				<h3>As a fun you can comment and an artist can respond to you directly form his own page.</h3>
				<h4>Share anything via different accounts, like Facebook, Twitter Email and many more. The Apollo application was also created for those fans who want to be updated on news about their favorite artists</h4>
			</div>
		</div>
	</div>
	<div class="col-sm-6 right"> <img src="/images/apollo/audio/audio4.jpg" border="0" alt="App" class="mn-on-scroll animated fadeInRight duration3"> </div>
</div>
<div class="mn-module-title">
	<h3 class="mn-module-title-down">We work hard because we love to see you succeed</h3>
</div>
<div class="mn-con">
	<div class="col-sm-6 mn-con-in"> <img src="/images/apollo/about/ab01.jpg" border="0" alt="App" class="mn-on-scroll animated fadeInLeft duration3"> </div>
	<div class="col-sm-6">
		<div class="mn-con-in mn-on-scroll animated fadeInRight duration3"> <img src="/images/apollo/audio/audio2.jpg" border="0" alt="App">
			<div class="mask">
				<h3>John Doe<br>Founder and CEO of Apollo</h3>
				<h4>Lorem ipsum dolor sit amet. Mauris mattis auctor cursus. Phasellus tellus imperdiet ut imperdiet eu iaculis a sem. Donec vehicula... </h4>
			</div>
		</div>
	</div>
	<div class="col-sm-6">
		<div class="mn-con-in mn-on-scroll animated fadeInLeft duration3"> <img src="/images/apollo/audio/audio3.jpg" border="0" alt="App">
			<div class="mask">
				<h3>Paul Doe<br>Developer and Web Designer</h3>
				<h4>Lorem ipsum dolor sit amet. Mauris mattis auctor cursus. Phasellus tellus imperdiet ut imperdiet eu iaculis a sem. Donec vehicula...</h4>
			</div>
		</div>
	</div>
	<div class="col-sm-6"> <img src="/images/apollo/about/ab02.jpg" border="0" alt="App" class="mn-on-scroll animated fadeInRight duration3"> </div>
</div>
<div class="row mn-app">
	<div class="col-sm-6"><img src="/images/apollo/app/app1.png" border="0" alt="App" class="mn-on-scroll animated fadeInLeft duration3"></div>
	<div class="col-sm-6">
		<p class="mn-on-scroll mn-app-desc animated fadeInRight duration2">Our music application helps you to stay focused on creating rather than constantly communicating in order to advertise your work.</p>
	</div>
</div>
<div class="mn-module-title">
	<h3 class="mn-module-title-down">How do I get started?</h3>
</div>
<div class="row">
	<div class="col-xs-12 col-md-4 mn-features text-center duration2 mn-on-scroll animated fadeInUp">
		<div class="mn-features-inner">
			<div class="mn-features-ico"><i class="mn-icons-download"></i> </div>
			<div class="mn-features-desc">
				<p>Download the Apollo music application from either the Android or the iTunes store. </p>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-md-4 mn-features text-center duration3 mn-on-scroll animated fadeInUp">
		<div class="mn-features-inner">
			<div class="mn-features-ico"><i class="mn-icons-upload"></i></div>
			<div class="mn-features-desc">
				<p>Upload your content either it is video clips or just music files & tell your fans about you.</p>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-md-4 mn-features text-center duration4 mn-on-scroll animated fadeInUp">
		<div class="mn-features-inner">
			<div class="mn-features-ico"><i class="mn-icons-share"></i></div>
			<div class="mn-features-desc">
				<p>Share your music & your amazing story. Explain to people why you are special.</p>
			</div>
		</div>
	</div>
</div>
<div class="mn-module-title">
	<h3 class="mn-module-title-down">Numbers don’t lie, only people do</h3>
</div>
<div class="mn-stats text-center">
	<div class="col-xs-12 col-sm-4 col-md-4 mn-stats-inner">
		<h4 class="mn-stats-title">Apollo Downloads</h4>
		<div class="mn-stats-ico"> <i class="mn-icons-music"></i> </div>
		<div class="mn-stats-counter" data-from="0" data-to="500000" data-speed="3000">500000</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-4 mn-stats-inner">
		<h4 class="mn-stats-title">Product Updates</h4>
		<div class="mn-stats-ico"> <i class="mn-icons-update"></i> </div>
		<div class="mn-stats-counter" data-from="0" data-to="600" data-speed="3000">600</div>
	</div>
	<div class="col-xs-12 col-sm-4 col-md-4 mn-stats-inner">
		<h4 class="mn-stats-title">Active Members</h4>
		<div class="mn-stats-ico"> <i class="mn-icons-male"></i> </div>
		<div class="mn-stats-counter" data-from="0" data-to="400000" data-speed="5000">400000</div>
	</div>
</div>
<div class="row mn-app">
	<div class="col-sm-6">
		<p class="mn-app-desc mn-on-scroll animated fadeInLeft duration2 left">Premium is always better. Professional musicians use our premium services to access all the extra services that we offer.</p>
	</div>
	<div class="col-sm-6"><img src="/images/apollo/app/app2.png" border="0" alt="App" class="mn-on-scroll animated fadeInRight duration3"></div>
</div>
<div class="mn-module-title">
	<h3 class="mn-module-title-down">We are getting bigger every day with help from our great friends.</h3>
</div>
<div id="carousel-clients" class="carousel slide carousel-clients hidden-sm hidden-xs" data-ride="carousel">
	<div class="carousel-inner" role="listbox">
		<div class="item active">
			<div class="col-xs-12 col-md-3">
				<div class="mn-features-inner">
					<div class="mn-features-img"> <img src="/images/apollo/clients/cl01.png" border="0" alt=""> </div>
				</div>
			</div>
			<div class="col-xs-12 col-md-3">
				<div class="mn-features-inner">
					<div class="mn-features-img"> <img src="/images/apollo/clients/cl02.png" border="0" alt=""> </div>
				</div>
			</div>
			<div class="col-xs-12 col-md-3">
				<div class="mn-features-inner">
					<div class="mn-features-img"> <img src="/images/apollo/clients/cl03.png" border="0" alt=""> </div>
				</div>
			</div>
			<div class="col-xs-12 col-md-3">
				<div class="mn-features-inner">
					<div class="mn-features-img"> <img src="/images/apollo/clients/cl04.png" border="0" alt=""> </div>
				</div>
			</div>
		</div>
		<div class="item">
			<div class="col-xs-12 col-md-3">
				<div class="mn-features-inner">
					<div class="mn-features-img"> <img src="/images/apollo/clients/cl05.png" border="0" alt=""> </div>
				</div>
			</div>
			<div class="col-xs-12 col-md-3">
				<div class="mn-features-inner">
					<div class="mn-features-img"> <img src="/images/apollo/clients/cl06.png" border="0" alt=""> </div>
				</div>
			</div>
			<div class="col-xs-12 col-md-3">
				<div class="mn-features-inner">
					<div class="mn-features-img"> <img src="/images/apollo/clients/cl07.png" border="0" alt=""> </div>
				</div>
			</div>
			<div class="col-xs-12 col-md-3">
				<div class="mn-features-inner">
					<div class="mn-features-img"> <img src="/images/apollo/clients/cl08.png" border="0" alt=""> </div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-xs-12"> <a class="left carousel-control" href="#carousel-clients" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-clients" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
</div>
<ul class="social-media-icons">
	<li class="facebook"> <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="google-plus"> <a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a> </li>
	<li class="linkedin"> <a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a> </li>
	<li class="pinterest"> <a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a> </li>
</ul>

Check out the detailed documentation of the T3 Framework.

This website uses cookies so that we can provide you with the best user experience. By clicking "Accept" you agree to cookies being used in accordance with our Cookies Policy.

Search