Thank you for your purchasing this template. If you have any questions that are beyond the scope of this help file, please feel free to contact us via live chat or dropping us contact request. Thank you very much.
For future updates follow us @leadforest or @facebook or @twitter
In online marketing a landing page, sometimes known as a "lead capture page" or a "lander", is a single web page that appears in response to clicking on a search engine optimized search result or an online advertisement. Body Building is designed to target a specific audience for your business marketing. This landing page is a fully responsive and retina ready so it works nicely on smartphones, tablet PCs and desktops. In this landing page you will find all necessary features to promote your business online.
This landing page will increase credibility, improve brand awareness, help growing your email list, increase conversions and specially it will directly support your business goals.
This landing page package comes with following files:
This landing page, which is a responsive layout for tablet and other mobile devices, is based on the HTML5 structure and Twitter Bootstrap 3. Visit http://getbootstrap.com/ to learn more about Bookstrap. For a detailed information about its grid system, click on http://getbootstrap.com/css/#grid.
Index file seperated by Seven (7) sections. Here is the general structure.
This landing page comes with CSS files having standard CSS rules.
After unzip the landing page files you can see css folder. We have used two main CSS files named style.css and responsive.css, in this files you are free to modify depending on the customization you require. If you would like to edit a specific section of landing page, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.
We're using 6 CSS files in this landing page. We have separated styles for improving convenience to edit this template. If you're going to use this template in production we recommend you merge all stylesheets in one file (for decreasing http queries).
Lets take a look closely at stylesheet files included in package.
This Stylesheet contains responsive grid system, default element style based on bootstrap. It is bootstrap framework main css file.
This css file contains styles for various animations applied in sections.
Main stylesheet with all rules specified for landing page.
/* Style.css file table of content
==================================================
#BASIC TYPOGRAPHY
#HEADER
#BANNER
#WELCOME
#PLANS
#PROFILE
#TESTIMONIAL
#FOOTER
This css file contains media queries for all responsive layouts.
owl Carousel css file for sliders used in landing page. Used in logo and Clients section.
Base styles for Ionicons icon fonts.
This landing page imports 6 Javascript files. After unzip the landing page files you can see js folder. That js folder contains main.js (custom javascript), jQuery, bootstrap and other jQuery plugins. List of all JS files mentioned below.
Lets take a look closely at javascript files included in this package.
jQuery Library
Bootstrap framework main jquery file
It is a JavaScript plugin that reveals animations when you scroll
Used to validate lead generation form
For slider shown in client logos and client sections
Custom javascript files with custom functions and inclusion of all other js files
There is one php file named email-mailer.php inside directory named mail. This file contains php email script to send the mail using the lead generation form. This PHP script also have both server and client side validations and revert success or error message.
This landing page comes with PSD file which will help you modifying design. You can make any changes in this PSD according to your requirements. Although to manage or make modification in this PSD file you must have basic knowledge of Photoshop and how to modify PSD files in PhotoShop. PSD file is well organized and layered which will make customization easier. It is based on 12 columns responsive bootstrap grid, pixel perfect and having free fonts used.
We have used two Google Web Fonts and Ionicons icon in this landing page. You need to install Google free fonts before editing PSD files
Any Images or logos used in previews are not included in this item or final purchase and you need to contact authors to get permission in case you want to use them in your commercial or non-commercial projects.
CSSOnce again, thank you so much for purchasing this landing page. As we said at the beginning, we would be glad to help you if you have any questions relating to this landing page. No guarantees, but we'll do our best to assist.
MarkUps