FOXECONF is a multipurpose event and seminar template. The template have lot of section related with event like schedule, speakers, pricing table, countdown timer and more .The template is responsive, so you can view it also in the mobile/tablets devices and it looks very nice in thoose devices. FOXECONF 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 FOXECONF 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 FOXERESTO
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
The Final Countdown is a plugin tailored to be used in any layout, without any CSS/HTML dependency.
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 FOXECONF.
FOXECONF 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 Freepik : https://www.freepik.com/
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 :
FOXECONF come with a counter to show how much time is left until the wedding time. The setup is very easy just open script.js and scroll down until you find the countdown section you will find the lines below just change the date that you want in the function that handel to countdown.
// Countdown setup
$('.countdown').countdown('2019/6/2').on('update.countdown', function(event) {
var $this = $(this).html(event.strftime(''
+ '<div class="col"><div class="card card-body countdown-shadow mb-4 mb-lg-0 p-3"><span class="counter text-primary mb-1 ">%d</span> <span class="label ">Day%!d</span></div></div> '
+ '<div class="col"><div class="card card-body countdown-shadow mb-4 mb-lg-0 p-3"><span class="counter text-primary mb-1">%H</span> <span class="label">Hour%!H</span></div></div> '
+ '<div class="col"><div class="card card-body countdown-shadow mb-4 mb-lg-0 p-3"><span class="counter text-primary mb-1">%M</span> <span class="label">Minute%!M</span></div></div> '
+ '<div class="col"><div class="card card-body countdown-shadow p-3"><span class="counter text-primary mb-1">%S</span> <span class="label">Second%!S</span></div></div>'));
});
For more info just visit the link below :
http://hilios.github.io/jQuery.countdown/
For more information, see the official Bootstrap documentation.
FOXECONF 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 FOXECONF 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.