Marshall

Ultimate Coming Soon / Under Construction Template

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 font awesome fonts and css for font-awesome More details Font-Awesome
  2. images - 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. 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.

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 "Roboto".

We used Font Awesome 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.

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. photoswipe.min.js - jQuery for photoswipe popup gallery
  3. photoswipe-ui-default.min.js - jQuery for photoswipe popup gallery ui
  4. gallery.js - jQuery for initialize photoswipe gallery for marshall
  5. cd-words-wrapper.js - jQuery script for word scroll effect
  6. jquery.mousewheel.min.js - jQuery support mousewheel event cross borwser support
  7. jquery.mCustomScrollbar.js - jQuery for custom scrollbar
  8. classie.js - jQuery for class helper functions
  9. uiMorphingButton_fixed.js - jQuery for fixed morghing button
  10. form-init.js - jQuery for newsletter form initialize
  11. jquery.ajaxchimp.min.js - jQuery for mailchimp subscription
  12. jquery.textarea_autosize.js - jQuery for autusize of the textarea
  13. main.js - The Launch all script init file
  14. ETC

How to configure MailChimp subscription form

To chage MailChimp Subscription Form setting go to main.js file inside js folder. Go to "9. NEWSLETTER FORM INIT" comment at very bottom. 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

Instagram Issue

Instagram recently update their api policicy for that, If you are using old version of our template then instagram feed won't be work or maybe generate some error on console. So, order work with instagram feed, please update our marshall template or simply update spectragram.min.js from here github.com/adrianengine/jquery-spectragram

If still not working then please regenerate your instagram app access token again and try with the new one. that will should work.

NOTE: If you already modified our template your own way then let us give your files or online access where we can edit or modify instagram script for you.

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