Hello,

thank you for purchusing Universal.

Universal is clean and stylish universal website template built with Bootstrap 3.3.2.

It stands out with its clean design and elegant typography. This template includes 45 HTML pages so you should have everything you need to start developing new business, portfolio or e-commerce website. Along with the 45 pages you will get also 11 pages showcasing Bootstrap elements and possible template modifications.

PAGES INCLUDED

Homepage

• default
• application
• startup
• agency
• portfolio

About

• about us
• our team
• team member
• services

Marketing

• packages (3 versions)

Porfolio

• listing (6 versions)
• detail (2 versions)

E-commerce

• listing (3 versions)
• detail
• cart
• checkout - 4 steps

Contact

• 3 versions with styled GMaps

Various pages

• Text page (3 versions)
• FAQ
• 404

Blog

• listing (3 versions)
• detail

Plugins used in the template

• Owl Carousel (http://www.owlgraphic.com/owlcarousel/)

Fonts used in the template

• Montserrat (http://www.google.com/fonts/specimen/Montserrat)
• Merriweather (http://www.google.com/fonts/specimen/Merriweather)
• Font awesome - (http://fontawesome.io/icons/)

Everything is kept simple so you should not have any problems implementing the template. I will try to answer few of the possible questions below.

Changing logo

There are two versions of logo used in the template - full logo logo.png, 187px x 47px used on higher resolution devices and small logo logo-small.png, 110px x 47px used on mobile phones only. When changing the logo please respect the height of the image (i.e. it should have 47px). Some testing and maybe also adjustments in the css would be needed if you use logo of radically different proportions than the one used in the template.

Changing the colour of the theme

Every colour variant has its appropriate stylesheets located in the /css directory. To change the colour of the template simply change the path in the header of the HTML template, i.e. from style.default.css to style.pink.css.

Javascript

Apart from Bootstrap JS components majority of JS is located in /js/front.js. In this file you can change the settings of the owl carousel, product detail image switch etc.

Google Maps

Google maps are used on the contact page. If you need just to show location of the company on the map, the only neccessary thing is to change coordinates in the gmaps.init.js. For further settings and possibilities please consult gmaps.js documentation or Google Maps API documentation.

Thank you for purchasing!

ondrique, (ahoj@ondrejsvestka.cz)

FEATURES

• Fully responsive
• Various carousels and sliders ready to use
• Html5, CSS3
• Well structured code
• SEO friendly
• Cross browser compatibility (Chrome, Safari, Firefox, IE 8 +, Opera)
• Customized Google Maps on contact page

TECHNICAL DETAILS

Plugins used in the template

• Owl Carousel (http://www.owlgraphic.com/owlcarousel/)
• jQuery Counter Up (https://github.com/bfintal/Counter-Up)
• jQuery Waypoints (http://imakewebthings.com/jquery-waypoints/)
• animate.css (http://daneden.github.io/animate.css/)
• Modernizr (http://modernizr.com/)
• jQuery scrollTo (http://demos.flesler.com/jquery/scrollTo/)
• gmaps.js (http://hpneo.github.io/gmaps/)

Fonts used in the template

• Roboto (https://www.google.com/fonts/specimen/Roboto)

Credits

• Bootstrap 3.3.2 - http://getbootstrap.com/
• Photos for demo purposes IM FREE
• Owl Carousel (http://www.owlgraphic.com/owlcarousel/)
• Font awesome - (http://fontawesome.io/icons/)