released: 01/13/2017
by: Andreas Lautenschlager www.lautenschlager.de
This template is based on Bootstrap 3. To find out all the advantages and components that are included, please visit the official site: http://getbootstrap.com/.
We divided the template into sections. So you can easily customize the layout yourself. Note the comments in the HTML files.
To change the logo replaced the following pictures: logo.png and logo-footer.png. Then you only have to adjust the distances. This includes the following classes:
If you want to change the color of the template, copy the classes from the color.css to your custom.css and use the search and replace functions of your editor for the following colors:
To change the font, first go to http://www.google.com/webfonts and choose a font. Afterwards search the embedded font in the head part of the website and use the generated code from the google page.
Font in Header:
Afterwards add following lines in your custom.css and change the given font family:
In this theme are some included icon fonts: Font Awesome, Glyphicons
More information here:
http://fortawesome.github.com/Font-Awesome/
http://getbootstrap.com/components/#glyphicons
To relocate the marker edit the lat and lng coordinates in google-map.js on line 117. Also you need a API Key. You can generate one here https://developers.google.com/maps/documentation/javascript/get-api-key?hl=de and add it into the the script tag bellow.
To initiate Google Maps add following code before the closing body ( </body> ) tag:
Our Lightbox is driven by Fancybox. Please visit http://fancyapps.com/fancybox/ for more Informations.
To initiate Fancybox add following code before the closing body ( </body> ) tag:
The Portfolio and Gallery is driven by the Isotope script http://isotope.metafizzy.co/ and Fancybox.
You can find a example of ussage in the portfolio.html and gallery.html.
To initiate the Portfolio or Gallery add following code before the closing body ( </body> ) tag:
To add a filter edit the data-filter attributes within the UL Tags with the class "list-inline filter". Then assign the same filter by class to the elements within the div with the class "isotopeSelector"
Code for filters:
Code for a item:
Our Carousels are driven by Owl Carousel. Please visit https://owlcarousel2.github.io/OwlCarousel2/ for more Informations.
To initiate Owl Carousel add following code before the closing body ( </body> ) tag:
We would like to thank all designers, programmers and photographers for their exceptional work and the preparation of their works.