Sample Sidebar Module

This is a sample module published to the sidebar_top position, using the -sidebar module class suffix. There is also a sidebar_bottom position below the menu.

Sample Sidebar Module

This is a sample module published to the sidebar_bottom position, using the -sidebar module class suffix. There is also a sidebar_top position below the search.
Custom Code for this Design

Search Our Site

GDC Informatica s.r.l.
Occasionally we need to use custom html to obtain the layouts shown on our demos in specific modules. The code below is what was used on this template:

Date:

This code is just placed above the Image and Content Fader title text in the title text inputbox. Notice there are no quotes. This is necessary when placing in the title area of the IACF. If placing the map area "custom_5" position or footer "custom_4" position:


<div class=s5_eventdate>
<span class=s5_eventdate_boldest>NY</span><br/>
<span class=s5_highlight1_dark> <br/>
<span class=s5_eventdate_thin>JUL</span><br/>
<span class=s5_eventdate_bold>21-23</span>
</span>
</div>

Register and Play Buttons:

This text is placed in the description area for each Image and Content Fader slide:


<span class="center">
<span class="center_text slide_text whiteline">
Eventfull is the perfect theme if you are looking to organize and event, conference or <br/>just bring people together.
</span>>

<span class="ion-calendar sized"></span> <span class="center_floatleft">July 20-23</span>
<span class="ion-android-pin sized"></span> <span class="center_floatleft">New County, LA</span>

<br/>

<a href="#s5_top_row3_area1" class="readon">Register Now</a> <a class="readon nostyle s5mb" title="Firebug Tutorial Video" id="youtube" href="http://www.youtube.com/v/4kmZ9uQcA_c" rel="width:800,height:447">Watch <span class="ion-ios-play sized"></span></a> </span>

Multibox and Info Slide Images:

Below is one of the 3 displayed on the homepage. You can just copy and place 2 more next to each other to mimick what we have done on the homepage:


<div class="services_wrap">
<div class="services_wrap_inner">
<div class="s5_is_css_9">
<img alt="image1" src="/images/image1.jpg"></img>
<div class="s5_is_slide_css">
<div class="s5_is_slide_css_inner">
<h3>2015 building</h3>
<span class="s5_is_slide_text">
<a class="btn" href="#">View Gallery</a>
</span>
</div>
</div>
</div>
</div>
</div>

Icons:


<div class="pages_portfolio five">
<span class="ion-android-time iconsized"></span><br/>
<span class="icon_light">Hours</span>
<br/>
<span class="icon_bold">72 HRS</span>
</div>

<div class="pages_portfolio five">
<span class="ion-ios-people iconsized"></span><br/>
<span class="icon_light">Speakers</span>
<br/>
<span class="icon_bold">10+</span>
</div>

<div class="pages_portfolio five">
<span class="ion-ios-world iconsized"></span><br/>
<span class="icon_light">Technologies</span>
<br/>
<span class="icon_bold">25+</span>
</div>

<div class="pages_portfolio five">
<span class="ion-ribbon-a iconsized"></span><br/>
<span class="icon_light">Awards</span>
<br/>
<span class="icon_bold">20+ Categories</span>
</div>

<div class="pages_portfolio five noborder">
<span class="ion-ios-cog iconsized"></span><br/>
<span class="icon_light">Workshops</span>
<br/>
<span class="icon_bold">12 Sessions</span>
</div>

<div style="clear:both;height:90px;"></div>

Agenda:


<ul class="s5_agenda">

<li class="left top">
<div class="inside"><div class="padding">

<div class="overlay_outer one">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a target="_blank" href="https://www.facebook.com/shape5.templates" class="overlay_facebook"></a>
<a target="_blank" href="https://twitter.com/shape_5" class="overlay_twitter"></a>
</div>
</div>
<img alt="team5" src="/images/speaker1.jpg" style="width:100px;">
</div>
</div>
</div>

<span class="s5_agenda_title">Introduction</span><br/>
<span class="s5_agenda_speaker">Speaker: Jeff Wright</span><br/>
<span class="s5_agenda_desc">Eventfull is the perfect theme if you are looking to organize and event, conference </span>

<div style="clear:both;"></div>

</div></div>
<div class="text"><div class="dot"></div><div class="textinner">8 am - 10 am</div></div>
</li>

<li class="right">
<div class="inside"><div class="padding">

<div class="overlay_outer one">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a target="_blank" href="https://www.facebook.com/shape5.templates" class="overlay_facebook"></a>
<a target="_blank" href="https://twitter.com/shape_5" class="overlay_twitter"></a>
</div>
</div>
<img alt="team5" src="/images/speaker2.jpg" style="width:100px;">
</div>
</div>
</div>

<span class="s5_agenda_title">Joomla and WordPress Coding</span><br/>
<span class="s5_agenda_speaker">Speaker: Mark Wahtsfield</span><br/>
<span class="s5_agenda_desc">Eventfull is the perfect theme if you are looking to organize and event, conference </span>

<div style="clear:both;"></div>

</div></div>
<div class="text"><div class="dot"></div><div class="textinner">10 am - 12 pm</div></div>
</li>

<li class="left">
<div class="inside"><div class="padding">

<div class="overlay_outer one">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a target="_blank" href="https://www.facebook.com/shape5.templates" class="overlay_facebook"></a>
<a target="_blank" href="https://twitter.com/shape_5" class="overlay_twitter"></a>
</div>
</div>
<img alt="team5" src="/images/speaker3.jpg" style="width:100px;">
</div>
</div>
</div>

<span class="s5_agenda_title">HTML5 and CSS</span><br/>
<span class="s5_agenda_speaker">Speaker: Len Cho</span><br/>
<span class="s5_agenda_desc">Eventfull is the perfect theme if you are looking to organize and event, conference </span>

<div style="clear:both;"></div>

</div></div>
<div class="text"><div class="dot"></div><div class="textinner">1 pm - 3 pm</div></div>
</li>

</ul>

Event Register:


<div class="s5_registeroutter_top">
<div class="s5_register_left">
Event Day
</div>

<div class="s5_register_right">
Signup
</div>

<div class="s5_register_right">
Price
</div>

<div style="clear:both;"></div>
</div>

<div class="s5_registeroutter">
<div class="s5_register_left">
September 21 - 8am - 4pm
</div>

<div class="s5_register_right">
Sold Out
</div>

<div class="s5_register_right">
$49/person
</div>

<div style="clear:both;"></div>
</div>

<div class="s5_registeroutter reggray">
<div class="s5_register_left">
September 21 - 8am - 4pm
</div>

<div class="s5_register_right">
<p class="readmore">
<a href="#" class="btn">Buy Now</a>
</p>
</div>
<div class="s5_register_right">
$49/person
</div>

<div style="clear:both;"></div>
</div>

<div class="s5_registeroutter">
<div class="s5_register_left">
September 21 - 8am - 4pm
</div>

<div class="s5_register_right">
<p class="readmore">
<a href="#" class="btn">Buy Now</a>
</p>
</div>
<div class="s5_register_right">
$49/person
</div>

<div style="clear:both;"></div>
</div>

<div class="s5_registeroutter reggray">
<div class="s5_register_left">
September 21 - 8am - 4pm
</div>

<div class="s5_register_right">
<p class="readmore">
<a href="#" class="btn">Buy Now</a>
</p>
</div>

<div class="s5_register_right">
$49/person
</div>
<div style="clear:both;"></div>
</div>

Info