Thank you for downloading our Template. If you have any questions that are beyond the scope of this help file, please contact with us vie email. Thanks so much!


  1. Introduction
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScripts
  5. Navigation and Logos
  6. Fonts used
  7. Images Source

A) Introduction - top

Thank you so much for downloading this template called Malena - Creative Portfolio Template. Please feel free to contact us if you have question or problem about this template. No guarantees, but we will do our best to provide you with the best possible assistance.

Template Features

B) HTML Structure - top

HTML Files

Total 1 HTML file included in this Template. These are index.html

Here jsut Home "index.html" HTML structure

This template is a Bootstrap based responsive layout and index.html file seperated by sections. Here is the general structure.

C) CSS Files and Structure - top



We're using 9 core CSS files in this template. we have separated styles for improving convenience to edit this template. If you're going to use this template in production we recommend you merge all stylesheets in one file (for decreasing http queries).

Lets take a look closely at our stylesheet files.


Base styles for FontAwesome icon fonts.


Base styles for IconIcos icon fonts.


This Stylesheet contains responsive grid system, default element style based on bootstrap. It is bootstrap framework style css file.


Use for OpenSans font


Use for scrolling.


Use for slideshow


Main css file where you can do own customization

style-gradient.css | style-light.css

Secondary css file for demo versions

[Legal Notice]

Copyright (c) LifeInSYS
Website Template by LifeInSYS

[Table of contents]
    01. Base Style
    02. Preloader
    03. Components
    04. Layout
    05. Nav Bar
    06. Page Cover
    07. Sections
    08. Helpers
    09. Additional Styles
    10. Responsive

D) JavaScript - top

This template imports 5 Javascript files.


Lets take a look closely at our javascript files.


Initialize jQuery Library


Scrolling library


For particles demo version


Main javascript file

Menu will show different view for desktop and mobile device.

The Logo is nested within a tag with class of logo.

F) Fonts Used - top

  1. Open Sans
  2. Roboto
  3. Helvetica

G) Images Source - top

Image by ,

Pictures of demo version not included in source and if you want download whole pictures which template use on demo version, you can download it from this link` DOWNLOAD DEMO IMAGES

Once again, thank you so much for Downloading this item. As we said at the beginning, we would be glad to help you if you have any questions relating to this item.

Go To Table of Contents