Thank you for purchasing this template. For further questions please contact us We'd love respond to you!
Sub PRO was made with a clean and modern responsive design and with a focus on good visitor experience.
You can also use this template as an UI Kit for your future project. More variations are coming soon.
Sub - PRO/ - Documentation / - HTML - Version - css (Template CSS) - fonts (Font Faces, Font Awesome) - images (Template All Place Holder Images) - js (Template Js) - index.html - All Other HTML Pages
The template is based on Bootstrap 4 Framework - Twitter Bootstrap
Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.
<div class="row"> <div class="col-md-12"> Level 1 column <div class="row"> <div class="col-md-6">Level 2</div> <div class="col-md-6">Level 2</div> </div> </div> </div>
If you need more information about grid, please visit this site: http://getbootstrap.com/css/#grid
The organization of the CSS is one of our priorities.
These are the CSS file we're using in the template:
style.css (Styles)icon-font.css (Icon Font)owl.carousel.css (Owl Carousel) - Documentationmenumaker.css (Menumaker / Menu CSS)magnific-popup.css (Magnific Popup Css) - Documentationfont-awesome.css (Font-Awesome Styles) - Documentationbootstrap.min.css (Bootstrap) - DocumentationIf 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.
Font Awesome is a @font-face iconset that you can change size and color of the icons using CSS.
<i class="fa fa-facebook"></i> <i class="fa fa-envelope"></i>
If you need more information, please visit this site: http://fortawesome.github.io/Font-Awesome/
These are the JS file we're using in the template:
jquery.min.js (Jquery Library JS)bootstrap.min.js (Bootstrap JS)owl.carousel.js (Owl Carousel JS)jquery.ajaxchimp.js (Mail Chimp JS)smooth-scroll.js (Smooth Scroll JS)jquery.magnific-popup.min.js (Magnific Popup / Light Box JS)maps (Google Map JS)jquery.counterup.js (Facts Count JS)waypoints.min.js (Facts Count JS Required for jquery.counterup.js File)menumaker.js (Menu JS)jquery.appear.js (Progress Bar JS)jquery.countdown.js (Event Countdown JS)price-slider.js (Price Slider / Filter JS)jquery.elevatezoom.js (Product Image Zoom JS)theme.js ( Custom Template JS)We have included a jQuery to easily set up a Google Map.
HTML:
<div id="location" class="map-location"></div>
Css: style.css
.map-location {
width: 100%;
height: 600px;
}
JS: .html file
var myLatLng = {lat: 25.3500, lng: 74.6333};
zoom: 15, // Insert Your zoom level
var image = 'images/icons/map.png'; // Set Your Icon in Google Map
If you need more information, please visit this site: https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map
We have included a jQuery to easily set up a Mail Chimp. You change the URL.
JS: theme.js
$('#subscribe-form').ajaxChimp({
url: 'http://blahblah.us1.list-manage.com/subscribe/post?u=5afsdhfuhdsiufdba6f8802&id=4djhfdsh9'
});
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.you might consider visiting the forums and asking your question in the "Item Discussion" section.