Landing Page Details

LifeGuide is a bright and appealing HTML template, that was created by our professionals for life coaches, personal coaches, mentoring services website or counseling company.

If you’re setting on the journey to help other people attain their goals in life and consult them of difficult matters then this template is going to be your most powerful tool on that rocky path.This template has got everything you need to obtain a reputation of a wonderful specialist. It’s got an about page for you to set your main purposes when it comes to offering your services; it features pages for all the coaching materials that will help you spread the knowledge among your most dedicated customers; and the blog page – a perfect web space to share your priceless stories and experineces. The design of the template is so light and has an airy feel to it, so it will surely capture your customers’ attention. The template also features Visual Page Builder – a perfect way to create your own unique pages! In this template we used free fonts from Google Fonts library and FontAwesome icons.

The template is powered by Twitter Bootstrap v3 and has a clean and valid code. It’s going to be super easy-to-customize! It also comes in light and dark versions, as well as boxed and wide layout variations. The template comes packed with documentation file and super-friendly support team!

Use Visual Builder to create your own unique pages!



Main video presentation sections:






Visual Builder

You can now use Visual Builder to create singlepage or multipage websites with no coding!

Main Visual Builder features:

  • Drag’n’drop layout building and editing.
  • Easy to create multipage and single page sites.
  • Creating other pages based on existing saved page.
  • Inline content editing.
  • Easy-to-edit and customize predefined building blocks.
  • Highlighted HTML source code editing.
  • Project import and export.
  • Drag’n’drop images upload.
  • Easy page preview.
  • Generating HTML files into your siteroot directory.
  • Creating ZIP archive with all files needed for uploading onto production server.
  • Webserver is not necessary.

Please NOTE: Visual Builder is not actual HTML editor. It also cannot modify existing HTML pages. Its main purpose is creating new pages with predefined building blocks.

Features

  • Bootstrap 3 based
  • Clean and Valid Code
  • Fully Responsive
  • PSD included
  • Boxed and Wide Layouts
  • Light and Dark versions
  • Extreamly Customizable
  • Free Fonts and Icons
  • Tones of Shortcodes
  • Well Documented
  • Working PHP Scripts and Widgets included:
    • Flickr Widget
    • MailChimp Subscribe Form
    • Twitter Widget
    • Contact Form
    • Search
  • Clean and Valid Code
  • And much more

What You Get

  • HTML, CSS, JS & PHP files
  • Working PHP scripts
  • Full layered PSD files
  • Free Icon Fonts
  • Good documentation

Credits ans Sources

As we mentioned earlier, we used Twitter Bootstrap v3 as CSS framework and HTML5 Boilerplate for this template.

Fonts:

  • http://www.google.com/fonts/ – Google WebFonts
  • http://www.socicon.com/ – Social Icons Font
  • http://fontawesome.io/ – Font Awesome
  • http://icomoon.io/ – teaser rt-icons font

Template Scripts

  • modernizr-2.6.2.min.js detecting browsers features.
  • jquery-2.2.4.min.js is a popular JavaScript library.
  • bootstrap.min.js is a stantard Twitter Bootstrap library.
  • respond.min.js is required for Twitter Bootstrap v3 work in older browsers.
  • html5shiv.min.js adds HTML5 compatibility for older browsers.
  • superfish.js is a script that enables dropdown menu.
  • hoverIntent.js is a component for superfish menu.
  • jquery.flexslider-min.js is a jQuery plugin for main and bottom sliders.
  • jquery.isotope.min.js is a jQuery plugin for filtrable gallery.
  • jquery.prettyPhoto.js is a jQuery plugin for displaying lightbox content.
  • jquery.ui.totop.js is a jQuery plugin for toTop button.
  • jquery.easing.1.3.js is a jQuery plugin for different types of animation
  • jquery.scrollTo-min.js and jquery.localscroll-min.js needed for smooth single page navigation.
  • jquery.easypiechart.min.js is a jQuery plugin that uses the canvas element to render simple pie charts for single values.
  • jquery.jflickrfeed.min.js plugin makes it easy to pull Flickr feeds and display them on your site.
  • jquery.tweet.min.js plugin enables twitter widget on your site.
  • owl.carousel.min.js is a jQuery carousel plugin for “partners” section
  • jquery.bxslider.min.js is a jQuery slider plugin
  • jquery.nicescroll.min.js is a plugin used to replace browsers standard scroll bar
  • jquery.fractionslider.min.js is a great slider plugin for main slider
  • jquery.parallax-1.1.3.js is used for parallax backgrounds.
  • jquery.appear.js is used to find out if HTML element is inside browser viewport
  • jquery.countTo.js is used for teasers with counter
  • jquery.cookie.js is used for store cookies information in template

Visual Builder scripts

  • jquery-ui.min.js is a popular UI library for jQuery
  • jquery.scrollbar.min.js is a jQuery plugin for custom scrollbar
  • tinymce.min.js is a popular WYSIWYG editor
  • dropzone.js is drag’n’drop file upload library
  • bootstrap-select.min.js is s custom select for Twitter Bootstrap using button dropdown
  • angular.min.js is a powerfull Google javascript framework
  • angular-bootstrap-select.js is a Angular module for select input elements
  • angular-dropzone.js is a module for Angular to work with Dropzone lib
  • angular-sanitize.min.js is a module for Angular to sanitize HTML code
  • angular.ngStorage.min.js is a module for Angular to work with browser Local Storage

Images

  • depositphotos.com
  • danielezedda.com
  • foodiesfeed.com
  • gratisography.com
  • magdeleine.co
  • picjumbo.com
  • picography.co
  • unsplash.com
  • freepsdfiles.net
  • free-logo-design.net

NOTE: The images used in the template are not included in the main download file, they are only for the preview purpose.

You can find a list of used images in template documentation.

  • scottmcgarvey

    2017-01-16 07:51:42
    Purchased Reply

    Hi, I am not able to upload this theme to wordpress I get the following error: LThe package could not be installed. The theme is missing the style.css stylesheet. Can you help?

  • mwtemplates

    2017-01-16 08:22:30
    Purchased Reply

    Hello!
    Thanks for purchase, but as you can see in template name, this is not a WP theme. This template is a set of regular HTML files.
    WordPress version of this template is in development at the moment.
    Best regards!

  • scottmcgarvey

    2017-01-16 08:23:18
    Purchased Reply

    Ok so this is no use to me then? Is there a way to get a refund?

  • mwtemplates

    2017-01-16 09:11:17
    Purchased Reply

    If you do not want to use a static HTML pages for your site you can create a refund request.
    Best regards!

  • renehjorgensen

    2017-02-22 13:39:27
    Purchased Reply

    Hi, So I bought the the LifeGuide theme thinking it was a WP theme, but now find it not. I still uploaded it and now I have no idea how to enter the back end and start building the site. I tried domain/admin etc but have no idea where to enter the back end? Rene

  • mwtemplates

    2017-02-22 17:34:07
    Purchased Reply

    Hello! This template is a set of regular static HTML files, not WordPress theme. It has no functionality such as Database support or authentication. Best regards!

  • renehjorgensen

    2017-02-23 06:55:21
    Purchased Reply

    Thanks. So I need to add the files to a WP set up? Or does the theme not work with WP? If not, then can I get a refund, because then I cannot build it. I am not very advanced and only know WP or some basic CMS.

  • mwtemplates

    2017-02-23 17:04:44
    Purchased Reply

    Hi Wordpress theme will appear in the near future! Request a refund and we will refund your money;) Best regards

  • Gary787

    2018-01-23 08:49:06
    Purchased Reply

    Hi, I have another question. Is it possible to change the header behavior when scrolling? On phones I would like to always show the withe header with the logo and the nav button, disable the scrolling effect. The reason is that the logo is covering too much of the photos in the slider. On bigger resolutions the scrolling works fine and should stay. Thanks!

  • mwtemplates2

    2018-01-23 19:34:39
    Purchased Reply

    Hello,
    Open your main.js file in code editor and paste the following code right after line 812 var $header = jQuery('.page_header').first();
    Code to insert: if (window.matchMedia("(max-width: 767px)").matches) { $header.removeClass('transparent_header').addClass('header_white'); }

  • Gary787

    2018-01-24 02:34:28
    Purchased Reply

    Thanks, I did add the code but it doesn't seem to work? I now have this in main.js from line 812: var $header = jQuery('.page_header').first(); if (window.matchMedia("(max-width: 767px)").matches) { $header.removeClass('transparent_header').addClass('header_white'); } if ($header.length)

  • mwtemplates2

    2018-01-24 02:39:00
    Purchased Reply

    Can you provide a link to your site?

  • Gary787

    2018-01-24 02:59:19
    Purchased Reply

    Sure, I just sent you a message with the link via Envato

  • PreScriptZ

    2016-12-22 14:44:00
    Purchased Reply

    GLWS! :)

  • mwtemplates

    2016-12-22 15:13:01
    Purchased Reply

    Thank you! :)

  • blbdmedia

    2018-01-25 23:50:41
    Purchased Reply

    I am having difficulty with the Slider. It does not appear. www.amycoello.com

  • mwtemplates2

    2018-01-26 18:04:18
    Purchased Reply

    Hello,
    Looks like you are addressing to the wrong item. It does not looks like your site was built with this template

  • derrickw

    2017-10-11 07:53:46
    Purchased Reply

    Great Work! 1 issue - The MailChimp Form - So I'm using your default form in the "GAIN A SUCCESSFUL LIFE" Section on the home page. I have changed the store-address.php file to reflect our API and Unique List ID. It still doesn't work. When you click "Submit," nothing happens. I have 2 questions: 1) How do I fix this. 2) When inputting the API and Unique List ID, should you use the quotation marks"" or not use them. For example, I will give 4 options. Please let me know which option it should look like: A. MCAPI ('###'); B. MCAPI (###); and C. $list_id = "###"; D. $list_id = ###; Which one out of A & B and which one out of C & D. PS. contact form works perfectly

  • mwtemplates2

    2017-10-11 18:11:39
    Purchased Reply

    1. Actually section which you are talk in about is not a mailchimp subscribe form. Try this instead

    Gain a Successful Life

    Subscribe to our Newsletter right now to be updated. We promice not to spam!

    2. You should leave quotation marks as it is:
    MCAPI ('###');
    $list_id = "###";

  • derrickw

    2017-10-11 18:35:34
    Purchased Reply

    Works like a charm! BUT... what's the best way to also include other parameters such as First and last Name?

  • mwtemplates2

    2017-10-12 04:51:59
    Purchased Reply

    For this purpose you need to make some adjustments in main.js and store-address.php

    1. Replace line 580 in main.js data: 'ajax=true&email=' + escape($form.find('.mailchimp_email').val()), with this data: 'ajax=true&email=' + escape($form.find('.mailchimp_email').val()) + '&fname=' + escape($form.find('.mailchimp_fname').val()) + '&lname=' + escape($form.find('.mailchimp_lname').val()),

    2. Replace line 24 in store-address.php if($api->listSubscribe($list_id, $_GET['email'], '' ) === true) { with this if($api->listSubscribe($list_id, $_GET['email'], array( 'FNAME' => $_GET['fname'], 'LNAME' => $_GET['lname']) ) === true) {

    Here is html code for subscribe section

    Gain a Successful Life

    Subscribe to our Newsletter right now to be updated. We promice not to spam!

  • derrickw

    2017-10-12 05:10:53
    Purchased Reply

    WORKED PERFECTLY! Thanks so much! #GreatSupport!

  • danejc

    2017-02-19 18:08:59
    Purchased Reply

    Hello i purchased this template yesterday but I notice only after I bought it it is not a word press site. Please can you assist me on how to get a refund??? I dont even know how to install this site.

  • mwtemplates

    2017-02-19 22:08:00
    Purchased Reply

    Hello. Please create a refund request

  • danejc

    2017-02-21 16:15:39
    Purchased Reply

    how?

  • mwtemplates

    2017-02-21 19:01:50
    Purchased Reply

    https://help.market.envato.com/hc/en-us/articles/202821460-Can-I-Get-A-Refund-

  • ersineser

    2016-12-27 10:57:30
    Purchased Reply

    Really great builder, GLWS.

  • mwtemplates

    2016-12-27 16:12:32
    Purchased Reply

    Thank you! :)

  • adalbertom

    2017-11-14 16:38:05
    Purchased Reply

    ba466665-d66f-4a0a-9cbf-a6bbb6d5d264 - 26 Oct 2017 Hi, how ca i do if i want to change the logo for a tree color logo svg no text: index: http://actioncoachsur.com.mx/principal.php about: http://actioncoachsur.com.mx/acerca.php how can i change the b/w logo versión for the color logo versión in index page? thanks

  • mwtemplates2

    2017-11-14 18:37:54
    Purchased Reply

    Hello
    Not sure that I understood You right.
    You want to change logo color on header affix position (when header becomes with white background) like on our demo?
    You can try that:
    HTML:
    CSS: .affix-top .logo-wrapper { filter: brightness(0) invert(1); }

  • adalbertom

    2017-11-15 06:27:03
    Purchased Reply

    Hi, excuse my poor english... What i want to do is: In the index file (where logo changes from b/w logo to color logo)... When user scrolls down index I want to change the svg file from the b/w logo in the transparent menu (http://actioncoachsur.com.mx/images/logo-w.svg) To the color logo (http://actioncoachsur.com.mx/images/logo.svg) when the menú turns to White. In resume: I want to change the svg file from b/w versión to color version when menú changes from trasparent to White. Thanks a lot

  • mwtemplates2

    2017-11-15 19:17:07
    Purchased Reply

    You do not need to use two images. You can use only color version of your logo and make it b/w with css, when it needed.
    Use this code for your logo link
    As you can see I added class="logo-wrapper" so I can style it with css

    Then you must add this css code to the end of your main.css file that located in css/ folder
    .affix-top .logo-wrapper { filter: brightness(0) invert(1); }
    Now your logo should be b/w in normal position and becomes color when scrolling

  • adalbertom

    2017-11-16 08:22:33
    Purchased Reply

    It woks OK whit SVG and PNG in Chrome but not working in IE11... i suppose its somthing about compatibility... http://actioncoachsur.com.mx/principal.php thanks

  • mwtemplates2

    2017-11-16 19:00:26
    Purchased Reply

    Your right, IE doesn’t support CSS filters.
    Ok, then you can use two images, color and b/w, and hide one of them with css in diferent situations:
    HTML: CSS: .affix-top .logo-wrapper img:first-child { display: none; } .affix .logo-wrapper img:last-child { display: none; }
    Also you need to remove previous css code .affix-top .logo-wrapper img:last-child { filter: brightness(0) invert(1); }

  • adalbertom

    2017-11-18 01:52:45
    Purchased Reply

    Thanks it works OK

  • airconru

    2018-12-02 09:23:44
    Purchased Reply

    Your LifeGood template is interesting for me Could You please describe functionality of calendar. Is it just month sheet published with available or busy days or can be used as pick an appontment (date & time) with email confirmation or something? Thanks in advance Regards Igor

  • mwtemplates2

    2018-12-04 03:01:00
    Purchased Reply

    Hello! Thanks for question and sorry for delay!
    This calendar is only front end markup and styles for wordpress booked plugin, please check wordpress version https://themeforest.net/item/lifeguide-personal-and-life-coach-wordpress-theme/19768004
    Best Regards!

  • CarnaResources

    2017-07-15 17:07:42
    Purchased Reply

    The actual images in the demo are missing, getting only placeholders

  • joomlastars

    2016-12-22 17:34:56
    Purchased Reply

    Amazing Work, Good Luck With Sale :)

  • mwtemplates

    2016-12-22 17:36:55
    Purchased Reply

    Thank you! :)

  • bholt20

    2017-04-07 14:27:06
    Purchased Reply

    Is this able to be converted over to WordPress?

  • mwtemplates2

    2017-04-07 15:47:54
    Purchased Reply

    Hello!
    WordPress version will be available in a few weeks

  • Nikssnik

    2017-04-06 05:37:35
    Purchased Reply

    What colors do you use and how does your appointment setter work - does it connect to google calendar or outlook?

  • mwtemplates2

    2017-04-06 16:04:29
    Purchased Reply

    This template has 3 predefined color schemes with main colors:
    1. #46a5e5
    2. #ca5752
    3. #fcbe11
    Also, you can set your custom main color for this template, just replace all instances of main color hex code with hex color value that you want inside the "main.css" file.
    Unfortunately, appointment are only front end styles for WordPress Booking plugin. It requires server side functionality such as database and PHP which are not used in HTML templates

  • Nikssnik

    2017-04-13 03:07:51
    Purchased Reply

    Thanks what database/plugin do you recommend here to set up the appointments?

  • mwtemplates2

    2017-04-13 20:35:38
    Purchased Reply

    Try to search "booking" on codecanyon
    https://codecanyon.net/category/wordpress?utf8=%E2%9C%93&term=booking&as=0&referrer=search&view=list

  • Vidyaborate

    2017-03-19 23:57:36
    Purchased Reply

    hi i have bought the theme now how can i start editing it?

  • sandymak

    2016-12-22 23:54:07
    Purchased Reply

    Excellent job, GLWS :)

  • mwtemplates

    2016-12-22 23:57:27
    Purchased Reply

    Thank you! :)

  • Vidyaborate

    2017-03-20 00:01:09
    Purchased Reply

    how can i edit it in wordpress? can i set up in wordpress if not how can i get refund?

  • ojcharles

    2017-04-30 10:16:47
    Purchased Reply

    Hi! I was having trouble uploading this theme on my hosting. Then I realize that this isn't a Wordpress theme. Do you have a Wordpress theme version and if no can you refund me?

  • mwtemplates2

    2017-05-01 04:02:23
    Purchased Reply

    Hello!
    WordPress version will be available soon, it is on reviewing now.
    If HTML Template does not suit you then create a refund request

  • adamthemes

    2016-12-22 17:58:47
    Purchased Reply

    Nice work, GLWS :)

  • mwtemplates

    2016-12-22 18:20:05
    Purchased Reply

    Thank you! :)

  • Stewan_io

    2016-12-26 05:31:12
    Purchased Reply

    Excellent job ;)

  • mwtemplates

    2016-12-26 20:09:33
    Purchased Reply

    Thank you! :)