“Another - Creative Minimal Portfolio HTML Template” Documentation by “TivaTheme” v1.0

Created: 10/06/2019

By: TivaTheme

tivatheme@cloodo.com

Thank you for purchasing Another template. If you have any questions that are beyond the scope of this help file, please feel free to email via tivatheme@cloodo.com. Thank you very much!

Getting Started

Another is a Creative Minimal Portfolio HTML Template. This template is made for special a Personal, Art, Marketer, Web Designer, Developer, Creative and Corporate Agency, Freelancer, Writer, Photographer and any Individuals or Organization.

Files Structure

  • /HTML
    • /css (Template CSS)
    • /images (All Images)
    • /js (Template JS)
    • /libs (3rd libraries)

HTML Structure

We are using Bootstrap framework. So, basic HTML structure is same as it is used in Bootstrap.

<!DOCTYPE html>
<html>
	<head>
		<!-- Bootstrap & Other CSS files -->
	</head>
	
	<body class="home home-classic">
		<div id="wrapper">
			<div id="page-loader">
				<!-- Page Loader -->
			</div>
					
			<header id="header"> class="site-header header-1">
				<!-- Logo, Menu, Search, Cart ... -->
			</header>
			
			<main id="main"> class="site-main">
				<!-- Main Content -->
			</main>
			
			<footer id="footer"> class="site-footer footer-1">
				<!-- Footer Menu, Copyright -->
			</footer>
		</div>
		
		<!-- Include JS files -->
	</body>
</html>

CSS Structure

The organization of the CSS is one of our priorities.

These are the CSS file we're using in the template:

  • style.css - (Main css style)
  • css/responsive.css (Responsive style)

Customization & Styles

Fonts

To change the embedded font, please take a look in the style.css and you will find this tag:

@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Oswald');

To change the font, first go to http://www.google.com/webfonts choose a font and use the generated code.

Icons

1. Font Awesome (http://fontawesome.io/) 

<i class="fa fa-edit"></i>

2. Stroke Icons 7 (https://themes-pixeden.com/font-demos/7-stroke/) 

<i class="pe-7s-search"></i>

Source & Credits

Getting Support

If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is contact with us via email tivatheme@cloodo.com.

Our support scope

Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations.

Our support time

We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.

Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.