Blueprint

Blueprint is a clean, stylish and professionally designed free 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 Slider - module

  • Minitek Contact - module

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

  • Minitek Slider - module

  • Minitek Wall - module

  • K2 Tools - module (K2 must be installed)

  • Minitek Contact - module

  • Custom HTML - module

  • Menu - 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 Module Manager and click on New. Select Login or Search or K2 Tools.

  2. Configure the module as you please and select the appropriate position:

    • Login module: Position login-popup
    • Search module: Position search-popup
    • Other module: Position top-popup

  3. Go to Template Manager and click on Blueprint - Default - Home. Under the tab Minitek select an image in the field Modal Background. This image will be displayed as background in the module positions of step 2.

<!-- Big Module Title -->
<h3 class="module-big-title">
	<span>Latest Projects</span>
</h3>
<!-- Home - Features -->
<div class="mn-typo row">
	<div class="mn-typo-inner col-xs-12">
		<div class="col-md-4 mn-typo-ico">
			<h3 class="mn-ico-title">MINIMAL DESIGN</h3>
			<i class="mn-ficons-design"></i> </div>
		<div class="col-md-8 mn-typo-desc">
			<p>Building first evolved out of the dynamics between needs  and means (available building materials and attendant skills). As human cultures developed and knowledge began to be formalized.
				Through oral traditions and practices building became a craft, and "architecture" is the name given to the most highly formalized and respected versions of that craft.</p>
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="mn-typo-inner col-xs-12">
		<div class="col-md-4 mn-typo-ico hidden-md hidden-lg">
			<h3 class="mn-ico-title">YOUR VISION</h3>
			<i class="mn-ficons-glasses"></i> </div>
		<div class="col-md-8 mn-typo-desc">
			<p>With the emerging knowledge in scientific fields and the rise of new materials and technology, architecture and engineering began to separate and the architect began to concentrate on aesthetics.
				There was also the rise of the "gentleman architect" who usually dealt with wealthy clients and concentrated predominantly on visual qualities.</p>
		</div>
		<div class="col-md-4 mn-typo-ico hidden-xs hidden-sm">
			<h3 class="mn-ico-title">YOUR VISION</h3>
			<i class="mn-ficons-glasses"></i> </div>
	</div>
	<div class="clearfix"></div>
	<div class="mn-typo-inner col-xs-12">
		<div class="col-md-4 mn-typo-ico">
			<h3 class="mn-ico-title">NEW HOME</h3>
			<i class="mn-ficons-home"></i> </div>
		<div class="col-md-8 mn-typo-desc">
			<p>Architectural drawings are made according to a set of conventions, which include particular views (floor plan, section etc.), sheet sizes, units of measurement and scales, annotation and cross referencing.
				Conventionally, drawings were made in ink on paper or a similar material, and any copies required had to be laboriously made by hand. </p>
		</div>
	</div>
	<div class="clearfix"></div>
</div>
<!-- Home - Creators -->
<div class="grid cs-style-3 mn-team">
	<div class="col-md-4">
		<figure> <img src="/images/blueprint/team/team01.jpg" border="0" alt="John Doe">
			<figcaption>
				<p>Let’s Connect</p>
				<div class="mn-team-social">
					<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>
				</div>
			</figcaption>
		</figure>
		<figdesc>
			<h3>JOHN DOE</h3>
			<h4>ARCHITECTURAL DRAWING / TEXTURING</h4>
		</figdesc>
	</div>
	<div class="col-md-4">
		<figure> <img src="/images/blueprint/team/team02.jpg" border="0" alt="PAUL DOE">
			<figcaption>
				<p>Let’s Connect</p>
				<div class="mn-team-social">
					<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>
				</div>
			</figcaption>
		</figure>
		<figdesc>
			<h3>PAUL DOE</h3>
			<h4>INTERIOR DESIGN / SPACE ANLYSIS</h4>
		</figdesc>
	</div>
	<div class="col-md-4">
		<figure> <img src="/images/blueprint/team/team03.jpg" border="0" alt="DAVID DOE">
			<figcaption>
				<p>Let’s Connect</p>
				<div class="mn-team-social">
					<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>
				</div>
			</figcaption>
		</figure>
		<figdesc>
			<h3>DAVID DOE</h3>
			<h4>NDUSTRIAL DESIGN & 3D MODELLING / ANIMATION</h4>
		</figdesc>
	</div>
</div>
<!-- Home - Contact Title -->
<div class="mn-module-title">
	<h3 class="mn-module-title-up">Let’s talk about your vision</h3>
	<h3 class="mn-module-title-down">CONTACT US</h3>
</div>
<!-- Home - Our Principles -->
<div class="mn-module-title">
	<h3 class="mn-module-title-up">We begin a new project considering</h3>
	<h3 class="mn-module-title-down">OUR PRINCIPLES</h3>
</div>
<div class="row">
	<div class="col-xs-12 col-md-3 mn-features text-center duration2 mn-on-scroll animated fadeInUp">
		<div class="mn-features-inner">
			<div class="mn-features-ico"><i class="mn-ficons-vision"></i> </div>
			<div class="mn-features-title">
				<h3><a href="#">VISION</a></h3>
			</div>
			<div class="mn-features-desc">
				<p>Lorem Ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore.</p>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-md-3 mn-features text-center duration3 mn-on-scroll animated fadeInUp">
		<div class="mn-features-inner">
			<div class="mn-features-ico"><i class="mn-ficons-minimalism"></i></div>
			<div class="mn-features-title">
				<h3><a href="#">MINIMALISM</a></h3>
			</div>
			<div class="mn-features-desc">
				<p>Lorem Ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore.</p>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-md-3 mn-features text-center duration4 mn-on-scroll animated fadeInUp">
		<div class="mn-features-inner">
			<div class="mn-features-ico"><i class="mn-ficons-safety"></i></div>
			<div class="mn-features-title">
				<h3><a href="#">SAFETY</a></h3>
			</div>
			<div class="mn-features-desc">
				<p>Lorem Ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore.</p>
			</div>
		</div>
	</div>
	<div class="col-xs-12 col-md-3 mn-features text-center duration4 mn-on-scroll animated fadeInUp">
		<div class="mn-features-inner">
			<div class="mn-features-ico"><i class="mn-ficons-quality"></i></div>
			<div class="mn-features-title">
				<h3><a href="#">QUALITY</a></h3>
			</div>
			<div class="mn-features-desc">
				<p>Lorem Ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore.</p>
			</div>
		</div>
	</div>
</div>

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 "continue" you agree to cookies being used in accordance with our Cookies Policy.

Search