How to create a frontpage tabs?

Our demo content frontpage contains a big area with tabs - based at our Tabs GK5 module.

The Tabs GK5 module needs few adjustments to achieve that layout:

  • Under module settings please set Basic -> Module suffix to transparent-tabs box-wide clear,
  • Under Advanced settings please enable option Add module wrappers.

Thanks to these settings the module will get transparent tabs and proper structure. The modules used as a tabs source can use module suffixes while module wrappers are added.

The first tab (visible on the above image) uses a Custom HTML module with the following content:

<h2 class="gk-big-heading"><span>N</span><span class="gk-number-block">1</span></h2>
<p>Multi award winning ski goggles with <br />the multi lens technology</p>

The module has a background-image set in the Custom HTML module settings and uses the following suffixes: very-big-spaces clear parallax-bg.

The last tab uses a very similar code, but instead of the parallax image in the background it uses the following suffixes: very-big-spaces clear dark-bg

The second tab contains a features block description:

It uses a Custom HTML module with the following suffixes: big-spaces clear color-bg.

The content of the module is following:

<div class="gkPage">
 <div class="gk-cols gk-features" data-cols="2">
  <div>
   <img src="/images/demo/docs/app_features.png" alt="Features" />
  </div>
  <div>   
    <dl>
       <dt>Impact protection</dt>
       <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit. Ut varius purus lectus, a pharetra mi blandit at. </dd>
       <dt>Lens Tints</dt>
       <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit. Ut varius purus lectus.</dd>
       <dt>HD Polarized</dt>
       <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus.  Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit.</dd>
       <dt>High Definition Optics</dt>
       <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum.  Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit.</dd>
     </dl>
  </div>
 </div>
</div>

The third tab contains a price table:

Similarly as the other tabs it uses Custom HTML module with the following suffixes: gray-bg big-spaces.

The content of the module is following:

<div class="gkPage">
<div class="gk-price-table" data-cols="3">
<dl>
<dt><strong>Basic</strong><span>69<sub>€</sub></span></dt>
<dd>
<ul>
<li>Tation ancillae appetere</li>
<li>Lorem ipsum dolor</li>
<li>Stet nemore te his</li>
</ul>
</dd>
<dd><a href="#">Buy now</a></dd>
</dl>

<dl class="gk-premium">
<dt><strong>Premium</strong><span>99<sub>€</sub></span></dt>
<dd>
<ul>
<li>Tation ancillae appetere</li>
<li>Lorem ipsum dolor</li>
<li>Stet nemore te his</li>
</ul>
</dd>
<dd><a href="#">Buy now</a></dd>
</dl>

<dl>
<dt><strong>Plus</strong><span>79<sub>€</sub></span></dt>
<dd>
<ul>
<li>Tation ancillae appetere</li>
<li>Lorem ipsum dolor</li>
<li>Stet nemore te his</li>
</ul>
</dd>
<dd><a href="#">Buy now</a></dd>
</dl>
</div>
</div>
Last modification: Wed 28 Jan 2015

HR Perspectief, dat ben ik!

Mijn naam is Esther Haage. Na een carrière van bijna 20 jaar binnen het Human Resources-management (HR) waarin ik kennis heb mogen maken met verschillende soorten ondernemingen, heb ik in 2015 de overstap gemaakt naar het zelfstandig adviseren. Onder de naam ‘ HR Perspectief’ ben ik gestart met het projectmatig ondersteunen van organisaties en hun HR-afdelingen. Denk hierbij aan een bedrijfsovername, een reorganisatie of een professionaliseringsslag van een HR-afdeling.

Ik woon in Amersfoort en ben moeder van een zoon en dochter. In mijn vrije tijd sport ik graag en kan ik enorm genieten van lekker eten en drinken. Ik ben direct, open, pragmatisch en ik hou ervan om de zaken op verschillende manieren te bekijken. De naam HR Perspectief is mij dan ook op het lijf geschreven.

Missie en visie

Wat is strategie wanneer het gaat om het succesvol maken van een bedrijf? Strategie is een veelomvattend woord. Maar het krijgt pas betekenis – dat wil zeggen, het gaat pas werken - wanneer de mensen binnen een organisatie ook meebewegen  om de strategie tot uitvoer te brengen.  Ik noem dit Flow. Verbinding, openheid en optimisme zijn de sleutels tot succes binnen teams en organisatie. Succes voor de mensen staat daarmee gelijk aan succes voor organisaties.  

Door de mensen binnen een organisatie in hun kracht te zetten, en te werken vanuit wederzijds respect, treedt verbinding op. Zowel tussen verschillende afdelingen als tussen (functie)lagen.  Er ontstaat flow. Aansturing  wordt minder belangrijk als mensen hetzelfde doel voor ogen hebben. Zo wordt een klimaat van ‘samen’ gecreëerd waarbij ‘wij’  boven ‘ ik’  komt te staan. 

Hoe creëer ik flow

Vanuit het centraal gelegen Amersfoort (of op locatie) ondersteun ik organisaties en teams op het gebied van Human Resources. Ik zoek naar de beweging: hoe creëer ik flow, hoe zorg ik ervoor dat  de mensen in beweging komen? Tijdens het project breng ik de ‘harde’ technische en ‘zachte’ menselijke kant van HR samen.  

Ik schakel makkelijk tussen operationeel, tactisch en strategisch niveau. Mijn vermogen om betrokken medewerkers in beweging te zetten en mensen te enthousiasmeren  gebruik ik om veranderingen in gang te zetten.  Belemmeringen zie ik als uitdagingen en mijn creativiteit zorgt ervoor dat een oplossing altijd voorhanden is.  

Ik stel vragen!  

  • Welke doelen streef je na?
  • Wat wil je bereiken?
  • Op welke manier speelt HR hier een rol bij?
  • Waarin ligt de gezamenlijke kracht?
  • Welke weg gaan we kiezen?
  • Op welke niveau kan ik je ontzorgen?

Waarvoor kan je bij mij terecht?

Ben je opzoek naar een verandertraject voor jouw afdeling HR? Optimalisatie van de processen of coaching van individuele medewerkers, HR Perspectief biedt perspectief! 

HR verandertrajecten | Organisatie ontwikkeling | Positioneren en vormgeven HR | Individuele coaching
×
×

Log in