Introduction

Welcome!

Dear developers, this documentation has been written to provide some explanation about how to use this template package and how it is constructed. From the Homepage, all other pages are accessible by navigating through the menu. There are two types of navigation (hamburger and folded out) and you will come across them navigating through the pages. All pages are accessible from these navigation menus.

Overview of all custom IFA pages:

Based on Unify template

This template for IFA has been built on top of another template, called Unify. In already existing websites of IFA this Unify template has been used and altered to fit the IFA design. In this template, already existing components of these websites have been incorporated. However, the Unify template is very extensive and contains many additional components that the developer using the IFA template might also want to make use of. Therefore, all these additional components have not been stripped, but left as is in the folder Shortcodes.

These additional components are not guaranteed to be 100% in style with the IFA design, but because global CSS variables have been altered to fit the IFA style, it is likely that they will fit in well to a certain extent. It might however be necessary to make small alterations after applying them.

For Unify template reference: Unify - Responsive Website Template

Central IFA has purchased the 'Extended licence', so all IFA Branches are allowed to use the Unify template freely.

File structure

HTML Folder

html Folder Structures

  • assets (all source files such as css, sass, js, images, plugins etc.)
  • extrapages All IFA specific pages
  • unify-main (it is a main package which includes all shortcodes demos and all packages are based on Unify Main package.)
  • specialty-pages (404 error, maintenance, coming-soon pages.)
  • revolution-slider (includes over 90 slider demos)
  • master-slider (includes over 100 slider demos)
  • index.html(Intro page: IFA Homepage)

assets Folder Structures

  • css (unify.css and custom.css)
  • js (custom.js, hs.core.js and all js init files including our custom js source files.)
  • include (scss, ajax and other source files.)
  • img (logos, patterns, custom icons and others)
  • img-temp (all content image files)
  • figures (svg files)
  • vendor (third party libraries like Bootstrap, jQuery etc.)
  • style-switcher (for live demo purpose only)

Unify documentation reference

For further reference about the JavaScript structure, (S)CSS structure and Gulp incorporated into this project, please refer to the full Unify documentation.