Custom HTML Elements

Logo grid

In this template we have included support for the grid layout with logotypes. It is based on the following structure:

<div class="gkGrid" data-cols="3">
<a href="#logo1"><img src="/images/demo/logotypes/logo1.png" alt="Logo I"></a>
<a href="#logo2"><img src="/images/demo/logotypes/logo2.png" alt="Logo II"></a>
<a href="#logo3"><img src="/images/demo/logotypes/logo3.png" alt="Logo III"></a>
<a href="#logo4"><img src="/images/demo/logotypes/logo4.png" alt="Logo IV"></a>
<a href="#logo5"><img src="/images/demo/logotypes/logo5.png" alt="Logo V"></a>
<a href="#logo6"><img src="/images/demo/logotypes/logo6.png" alt="Logo VI"></a>

The most important are the gkGrid class and the data-cols attribute - this attribute specifies amount of the columns of logotypes. You can specify up to 8 columns.


If you want to put a banner using the standard com_banners component, you can use the clear module suffix - then the banner image will be displayed without any additional spacing, and will have applied streching CSS styles - it is very useful for responsive websites.


Saturday, March 10th -  Portland, OR - Workshop - Intro to Storytelling workshop @ Literary Arts 

Saturday, March 17th - Portland, OR - Workshop - New Moon Workshop + Ritual 

Sunday, March 18th - Portland, OR - Workshop - Performing Your Work @ Literary Arts

March 24th - 27th - Bay Area - Stay tuned

Wednesday, March 28th - Portland, OR - Workshop - Theory of Mind class - Jung's mind maps

Tuesday, April 17th - Los Angeles, CA - Performance - Open Your Mouth Like a Bell show + party at Art Share LA

Wednesday, April 18th - Orange, CA - Performance - Featured reading for TIPP at Ugly Mug Cafe

Thursdays May 3rd - May 24th - Portland, OR - Workshop - Storytelling Intensive @ Literary Arts

Friday, May 18th - Portland, OR - Performance -Book release party at Tillamook Station