Apps Craft

HTML5 App Landing Page

Thank you for purchasing this template. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thank you so much!


blogie theme

Files

  1. fonts - fonts folder which keeps et-line and iconic-fonts font family and css for them in css folder.
  2. img - img folder contain all the images used in the template
  3. js - javascript files folder
  4. css - css files folder
  5. php - php files for dynamic contact form
  6. index.html - holds the html code of the home template
  7. other .html - holds the variation html code of the variation templates
  8. style.css - holds the styling code of the template

HTML Structure

This template is based on a responsive and full screen layout. And it's built using HTML5 standard.

index.html and all other .html variations.

From beginning of the "< body >" tag till the ending "< body />" tag, all the codes and texts are used for the Template structure. You can change any text from the template by navigating through the index.html file and localizing each line of text you want to change.

HTML head and stylesheets

The < head > contains the template title, favicon, font links and all the stylesheets it needs. We used one google font "Poppins".

We used et-line and iconic-fonts for icons, magnific-popup.css for lightbox and Responsive css styles are in responsive.css inside css folder. There are some other css files also depending on variations, just use the variation folder you like to get preferred style and customize according to your need.

HTML head contents

HTML body

The < body > contains all the contents of the template. From the beginning, Every section has different comment.

If you need to change or customize any section, simply navigate to that section and change whatever you need to change.

NOTE: Every single different variation might got different class on < body > tag depending on style needed. Use the respective class to get any variation style. Specially for Solid Color variation.

HTML footer and scripts

At the footer we used jquery-3.1.1 version, my custom scripts and all the necessary plugin JavaScripts depending on the variations.

NOTE: Every single different variation might require some specific script file so please follow as our demo folders and files, Also we comment out all the script files so you can easily modify

HTML head contents


CSS

style.css - Main stylesheet which includes all the styles of the template. It is located in the root folder of the template. and all other css file contain in the css folder

You can change the colors and the template styles by changing the css styles from css files in template root.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

JavaScript

All our javascript file are contain in js folder

  1. jquery-3.1.1.js - Jquery is a JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. The template is using the library hosted by google, for faster loading of the webpage.
  2. jquery.magnific-popup.min.js - jQuery for magnific-popup gallery
  3. jquery.parallax.js - jQuery for parallax scrolling
  4. TweenMax.min.js - jQuery for TweenMax effects
  5. mouseover-parallax.js - jQuery script for mouseover-parallax effect
  6. skrollr.min.js - jQuery skrollr.min.js
  7. utils.js - jQuery for utils parallax
  8. owl.carousel.min.js - jQuery for owl carousel
  9. bootstrap.min.js - jQuery for Boorstrap
  10. jquery.ajaxchimp.min.js - jQuery for mailchimp subscription
  11. main.js - Apps Craft all script init file
  12. ETC

How to configure MailChimp subscription form

To chage MailChimp Subscription Form setting go to main.js file inside js folder. Go to "14. Newsletter Subscription" comment at line number 319. Now Login to your MailChimp account and copy this your action URL from LISTS>Your Desiered Subscriber List>Signup Forms>Embedded Forms>And copy the action URL. For more info please visit https://github.com/scdoshi/jquery-ajaxchimp

rsvp config

rsvp config

How to change contact form recipient

To set up the contact form to send emails with the persons which are contacting you to your desire email addres, open "config.php" file inside php folder and change the email from line number 4 with your own email.

define('CONTACT_FORM_RECIPIENT', 'example@youremail.com');
rsvp config

To receive emails, the entire template needs to be uploaded to a server which supports either PHP4 or PHP5.

Every version style has own design concept with including or reduicing javascript and images, So if you want to make your own then follow that version settings, script calling, markup and canvas id

Sources and Credits

I've used all the images, icons and other files from open license source.

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 themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

https://pixiefy.com