Bauhaus

Bauhaus - Architecture & Interior Template


Animation build with WOW.js plugin and Animate.css.

To add a new animation on scroll just set jquery class wow  and choose animate class from animate.css. Animation is fadeInDown from animate.css

HTML

Icons from the most popular icons pack ionicons.min and linearicons

ion icons:

linear icons:

Header Slideshow build with Revolution slider jquery plugin. You can find documentation here

All slides are into img/slider directory

To be clearly visible text use photoshop dark overlay on each images

HTML



For project filter used isotope filter

Just add or change filter class on isotope item, and it will be filtered on click

How to change the map?

Go to the js folder and open gmap.js

1. Change coordinates: latitude and longitude
Watch video "how to get google maps latitude longitude". Video

2. If needs, change zoom of the map

3. Change address details

4. If needs, uncomment marker to show it

5. If needs, uncomment info window which will be open on marker click

Open mail.php and change the current email 000.lunchbox@gmail.com to your email address

Contact form require web server to send email.

jQuery http://jquery.com/

Bootstrap http://getbootstrap.com/

Smooth scroll https://github.com/cferdinandi/smooth-scroll

jQury Sly  http://darsa.in/sly/

Page Pilling  http://alvarotrigo.com/pagePiling/

Stellar.js http://markdalgleish.com/projects/stellar.js

Revolution slider https://revolution.themepunch.com/jquery/

jQuery isotope http://isotope.metafizzy.co/

Wow.js  http://mynameismatthieu.com/WOW/

OWL Carousel https://owlcarousel2.github.io/OwlCarousel2//

jQuery validate  https://github.com/jzaefferer/jquery-validation

Google maps https://developers.google.com/maps/

Animate.css  https://daneden.github.io/animate.css/