“Maxbeat-Event conference template ” Documentation by “dreambuzz71” v 1.0
Maxbeat-Event conference template
Created: 10/02/2019
Updated: 02/10/2019
By: Dreambuzz
Email: dreambuzz71@gmail.com
Thank you for purchasing Maxbeat. If you have any questions that are beyond the scope of this help file, please feel free to email via profile page contact form or mail me to dreambuzz71@gmail.com
Table of Contents
- Introduction
- HTML Structure
- Change Logo
- CSS Files and Structure
- JavaScripts
- Fonts used
- Countdown timer
- Sources and Credits
- Faq
A) Introduction - top
Thank you so much for purchasing Maxbeat-Agency strtaup Html Template. Please feel free to contact us if you have question or problem about this template. We will do our best to provide you with the best possible assistance.
Template Features
- HTML5 and CSS3 Validated
- Based on Twitter Bootstrap 4
- 3 home Variation
- Responsive Template
- Clean coding
- FontAwesome icons
- Clean coding
- Css3 animation
- Working Contact Form
- Working Contact Form
- Google Web Fonts
B) HTML Structure - top
General HTML Navigation Menu structure
This template structure based on Twitter Bootstrap 4. Here is the sample structure.
C) Change Your Logo - top
Change Logo
D) CSS Files and Structure - top
Styles
All css files are separates for improving convenience to edit this template.
Some of stylesheets contain Table of content for easy navigation, for instance style.css:
/* Table of Content for landing ================================================== 1. Global Styles 2. Typography 3. Common styles 4. SECTION header 5. Main slider 6. section-welcome 7. SECTION ABOUT 8. SECTION Feature 9. SECTION Gallery 11. SECTION CONTACT 12. SECTION FOOTER */
E) JavaScript - top
This theme imports 11 Javascript files.
Here javascript are minified version. If you want to edit any javascript you should downlaod uncompressed version.
If you face any difficulites to find source then please knock me to dreambuzz71@gmail.com
F) Fonts Used - top
I have used Sarabun and Bitter in this template.
If you wnat to change the time of it , just open script.js file, there change the time as you want.
G) Sources and Credits - top
- Twiiter Bootstrap 4.1
- jQuery
- FontAwesome
- bootstrap Carousel
- Pexels.com
H)CountDown - top
Updated, For working countdown,add countdown plugin folder form plugin folder , Link countdown.js at footer section. open up your index-2.html /index-3.html file and put yout counter number there tas below the code.Updated Cpuntdown file : Added countdown plugin folder and linked to index-2 file.
262
Days
19
Hours
29
Minutes
33
Seconds
and FInally change your data from script.js file as below
/* ----------------------------------------------------------- */
/* Event counter
/* -----------------------------------------------------------*/
if ($('.countdown').length > 0) {
$(".countdown").jCounter({
date: '21 October 2019 12:00:00',
fallback: function () {
console.log("count finished!")
}
});
}
I) FAQ - top
For working contact form open up sendmail.php file and put yout email there. If you need any help let us know
/* Set e-mail recipient */
$email_to = "PUT YOUR EMAIL HERE";
Once again, thank you so much for purchasing this template. I'd be glad to help you if you have any questions relating to this template. I'll do my best to assist.
Dreambuzz,dreambuzz71@gmail.com