Sponsors - logotypes

The Fest template contains a special structure for the sponsors logotypes.

First special place is located in the sponsors module position. There you can place a following structure:

<div class="gk-sponsors">
<h2>Sponsors</h2>
<div>
<a href="#" class="active"><img src="/images/demo/sponsor1.png" alt="Sponsor #1"></a>
<a href="#" class="active"><img src="/images/demo/sponsor2.png" alt="Sponsor #2"></a>
...
<a href="#" class="active"><img src="/images/demo/sponsor1.png" alt="Sponsor #N"></a>
</div>
</div>

The logotypes will be animated on scroll:

The second place for the sponsors is the K2 article - you have to create a category using the "events" layout and then publish an article in it. The structure for the animated sponsors is easier:

<div class="gk-sponsors-wrap">
<a href="#" class="active"><img src="/images/demo/sponsor1.png" alt="Sponsor #1"></a>
<a href="#" class="active"><img src="/images/demo/sponsor2.png" alt="Sponsor #2"></a>
...
<a href="#" class="active"><img src="/images/demo/sponsor1.png" alt="Sponsor #N"></a>
</div>

The logotypes will be animated on the page load:

The CSS code responsible for the animation is placed in the css/gk.stuff.css file.