FOXECOACH is a multipurpose consulting and coaching template. The template have lot of section related to coaching or consulting that fit every need for this kind of business.The template is responsive, so you can view it also in the mobile/tablets devices and it looks very nice in thoose devices. FOXECOACH is retina ready that means it looks great and very sharp in high resolution devices.
When you download the main download file you will find several folder :
In this section a guide to understanding how FOXECOACH is structured.
This folder contain all the files needed to setup the template and upload it to your server including sub folder that contains the core of the template setup css files, js files, webfonts files and assets files.
This folder contain all the css files that are required by the template those files are :
main.css
magnific-popup
font.css
This folder contain all the js files required by the template those files are :
This subfolder contain other subfolders : the img subfolder and the svg subfolder, evenif those are not included in the main download files and replaced with placeholders, but you can replace theme easly with your own assets.
/assets/img./assets/svg.
This folder contain all the webfonts from fontawsome used in this template, you can use a wide range of icons that suits your need and the . For more info on how to setup and use fontawsome please visit this link below :
https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css
An overview of the plugins supplied with FOXECOACH
jQuery is a JavaScript library designed to simplify the client-side scripting of HTML. It is free, open-source software using the permissive MIT License.
A full javascript source for the version of bootstrap used in this templatte. FOXERESTO ships with Bootstrap 4.1.3. This will be updated as further Bootstrap versions are released.
A lightweight script to animate scrolling to anchor links. This provides a better user experience for navigating one-page sites or long landing pages.
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js).
Smooth parallax scrolling effect for background images, videos and inline elements. Code in pure JavaScript with NO dependencies + jQuery supported. YouTube, Vimeo and Local Videos parallax supported
Placeholders.js is a polyfill (or shim, or whatever you like to call it) for the HTML5 placeholder attribute, as defined in the HTML5 specification. Placeholder attributes are valid on input elements of various types and textarea elements.
Contains additional scripts required by FOXECOACH.
FOXECOACH uses fontawsome icons and Flaticon svg , the template come with a set of icons that you can use as you want, and change the default icons to fit your needs.You can find the list of the icons in the fonts.css in the css folder then you can choose the icon that you want and change it in the html code.
Flaticon has been used for demo purposes only and are not included in the main download file, but you can use them without any problems by your own,
Icons used from flaticon :
Font generated by http://www.flaticon.com
Under http://creativecommons.org/licenses/by/3.0/ CC
Author Eucalyp : https://www.flaticon.com/authors/eucalyp
The images used in this template are not included with the main purchased files, but there are freebies and you can download them from the links below :
Toggle the visibility of content across your project with a few classes and our JavaScript plugins.
The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle. Collapsing an element will animate the height from it’s current value to 0. Given how CSS handles animations, you cannot use padding on a .collapse element. Instead, use the class as an independent wrapping element.
<p> <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample"> Link with href </a> <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> Button with data-target </button></p><div class="collapse" id="collapseExample"> <div class="card card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. </div></div>
FOXECOACH is very easy to customize because it's a block based design template so you can move sections arround , and put them the order you want.
Because FOXECOACH is built using bootstrap, you can cutomize the element and the display of the element by simply modifying class names.
Please see this links below on how to setup or customize the grid system of bootstrap :
Updates will be released periodically to add new features, provide fixes where necessary and maintain compatibility.
Manly the updated files are javascript or CSS and your project should need little adjustment in order to stay up to date.
You will be notified by the author once some updates are made to the template.