LeadFold - Lead Generation Unbounce Landing Page

LeadFold is Lead Generation Unbounce Landing Page Template. It can be used to promote your services, It has some features which will help you make your project stand out from the crowd. It has been optimized to facilitate your time and money. It is well documented which will help you to get your site running easy and fast. You can customize it very easy to fit your business needs. If you like my template, please rate it 5 stars. It’s very useful for me. We hope you like it!

Introduction

Welcome! First of all we want to thank you for purchasing our Premium Template
We really do appreciate every sale. If you like our work please do not forget to rate it. It helps us in developing new and better items.

Rate Item

In the following sections we will explain how to set up and use it the easiest way possible. If you have any questions that you feel should have been in this document you can contact us through our profile page on http://themeforest.net/user/explicitconcepts and we'll get back to you as soon as possible. Thanks so much!!!

Template Features

  1.  Lead Generation Unbounce Landing Page Template
  2. Parallax background
  3. Fully Responsive Layout (PC, Tablet and Mobile phone)
  4. Cross Browser Compatible (Chrome, Opera, Safari, Mozzila, IE9+)
  5. Very Easy to Customize
  6. Very Detailed Documentation
  7. Font Awesome Icons
  8. Google Web Fonts You Can Use
  9. PSD Template Included
  10. Drag and Drop page builder
  11. Responsive Layout
  12. 100% Customizable
  13. Working Contact Form
  14. Integrate With Your Favorite Marketing Tools
  15. Clean and Beautiful Design
  16. Real Time Statistics
  17. High Converting Template
  18. Advanced form builder – add fields & customize
  19. Vimeo Video Background
  20. Youtube Video Background

 

Files Structures

Template folder is structured as following:

Documentation - that file help you to can use our template
images - PNG icons already existed at templates
icons - Fontawesome & et line font
.unbounce - Files for your template 
PSD template - Design for the template you can use it as you wish

HTML

The power of Unbounce is its awesome builder, so we decided to use only the builder as much as we can. We used HTML code to the animation Loader to add a beautiful effect to the design and more code to make it awesome for you. These content are as following:

 

No HTML Code

CSS

The power of Unbounce is its awesome builder, so we decided to use only the builder as much as we can. We used css code to the animation button to add a beautiful effect to the design and more code to make it awesome for you. These content are as following:

 

Animation Button Effect

This is CSS code for Button Effect you can find it in "Stylesheet"  folder of template.It looks like this:

<style>
.lp-pom-button {
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
</style>

 

Javascript

The power of Unbounce is its awesome builder, so we decided to use only the builder as much as we can. We used Javascript code to the Scroll to to add a beautiful effect to the design and more code to make it awesome for you. These content are as following:

 

Count up animation

This is JS code for Count up animation. you can find it in "Javascripts"  folder of template. It looks like this:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script>

/*
This Count up animation has been created by Unbounce
See : https://community.unbounce.com/t/tips-scripts-count-up-animation/2908
*/
 
// Here your section when your counter will fire

  var sectionId = "#lp-pom-block-13";
 

    $( sectionId ).waypoint(function () {
      $('.counter').each(function() {
        var $this = $(this),
            countTo = $this.attr('data-count');

        $({ countNum: $this.text()}).animate({
          countNum: countTo
        },

        {
          duration: 3000,
          easing:'linear',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            // alert('finished');
          }
        });  
      });
    }, {
        offset: '80%'
    });

</script>

 

Favicon

This is JS code for Favicon you can find it in "Javascripts"  folder of template. It looks like this:

<link rel="icon" type="image/x-icon" href="http://i.imgur.com/PXTtRSY.png">

Sources & Credits

 

Scripts

 
 

 

 

Sources

 

Support

Support includes bugs fixing, and general problem solving with features explained on the template’s official sales page.

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the templates on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Regards,
ExplicitConcepts