Documentation: Piroll HTML

Getting Started Files Structure Template Structure [4] Main Navigation [top] FullScreen Navigation Header Footer AJAX Form Credits [1] Plugins Thank You! Home Piroll HTML Template Structure Template Structure Below described main layout elements: Main Navigation, FullScreen Navigation, Header, Footer. Updated on July 21, 2017 Doc navigation← Files StructureAJAX Form → Was this helpful to you? Yes No

Thanks for using Piroll. We take great pride in creating solid templates and strongly believe in robust customer service practices. Should you have a question that neither this documentation file nor Themeforest’s forums can resolve and we’ll do our very best to assist you. If you like our template, please take 1 minute to rate it on Themeforest: Go to Themeforest and login with your credentials. Hover on your account…

    HTML example:

HTML example:

Additional classes: .nk-header-title-sm – small size; .nk-header-title-md – mid size; .nk-header-title-xmd – mid size; .nk-header-title-lg – large size; .nk-header-title-xl – x-large size; .nk-header-title-full – fullscreen size; .nk-header-title-parallax – parallax for background image; .nk-header-title-parallax-opacity – opacity parallax for content;

  HTML example:

Additional classes: .nk-navbar-align-center – align items to the center; .nk-navbar-align-right – align items to the right; Toggle button HTML example:

  HTML example:

Navigation: .nk-navbar-lg – large height of menu; .nk-navbar-sticky – sticky navbar on page scroll; .nk-navbar-transparent – transparent background color; .nk-navbar-transparent-always – transparent background color also after stick; .nk-navbar-autohide – autohide navigation on page scroll down. Will show automatically when you scroll to top or when reaching the end of the page; .nk-navbar-white-text-on-top – white text when menu on the top of page (not sticky); .nk-navbar-dark – dark…

/dist/ – main template folder with all files to getting started: /*.html – all html files; /php/ – php files for Instagram, Twitter and AJAX Contact Form; /assets/css/ – main template css files; /assets/js/ – main template js files; /assets/bower_components/ – all used 3rd-party plugins; /assets/plugins/ – plugins, that not available via Bower (for example nK Share); /assets/images/ – all images used in template (note, in downloadable archive this is…

This is HTML template. To getting started you need only Browser to run HTML files. Better upload files to web server and run the site there. If template is opened from local file system, some functions and may not work. For example functions, that required PHP – Instagram, Twitter, Contact Form. To customize template you can edit CSS and HTML files. Also if you are developer, there are available source…

To configure contact form you should change file php/contact.php. HTML Example:

 

jQuery – https://github.com/jquery/jquery Bootstrap – https://github.com/twbs/bootstrap/tree/v4-dev GSAP – https://github.com/greensock/GreenSock-JS Jarallax – https://github.com/nk-o/jarallax Isotope – https://github.com/metafizzy/isotope Font-Awesome – https://github.com/FortAwesome/Font-Awesome Flickity – https://github.com/metafizzy/flickity Photoswipe – https://github.com/dimsemenov/PhotoSwipe Sticky-kit – https://github.com/leafo/sticky-kit jQuery Validation – https://github.com/jzaefferer/jquery-validation jQuery Form – https://github.com/malsup/form Hammer.js – https://github.com/hammerjs/hammer.js nanoScrollerJS – https://github.com/jamesflorentino/nanoScrollerJS Keymaster – https://github.com/madrobby/keymaster Tether – https://github.com/HubSpot/tether