To display the logo over the slideshow and use the landing page mode, first be sure there is a Shackslides module displayed in front-end in featured position.

  • Then go to Extensions > Templates > Your template style
  • Mondrian options tab
  • Set Enable Landing Page view as "yes"
  • Set Place logo/top floating over featured position as "yes"

  • Save and close when you're done

 

Category Blog

The home page uses a menu item type Articles > Category blog with the Blog layout settings below:

  • Leading articles: 1
  • Intro articles: 3
  • Columns: 2

home menu item

The article title, author, published date, modified date, created date, icons, hits, and other elements are disabled through the Options section.


Three articles are displayed in home page through the Category blog:

home articles

We recommend to disable the editor in order to add HTML content into your articles without losing changes after saving. This due empty tags such as <i> (for icons) can be removed while saving. To disable the editor, go to System > Global configurtion > Default editor: none or Code mirror.

The HTML content of each article is listed below.

Article 1: Learn About

<h2>LEARN ABOUT</h2> 
<hr>
<div class="row-fluid text-center">
    <div class="span2 hidden-phone">
        <i class="icon-html5 icon-5x"></i>
     </div>
    <div class="span2">
        <i class="icon-joomla icon-5x"></i>
    </div>
    <div class="span2 hidden-phone">
        <i class="icon-css3 icon-5x"></i>
    </div>
    <div class="span2 hidden-phone">
         <i class="icon-bolt icon-5x"></i>
    </div>
    <div class="span2 hidden-phone">
        <i class="icon-laptop icon-5x"></i>
    </div>
    <div class="span2 hidden-phone">
        <i class="icon-heart icon-5x"></i>
    </div>
</div>
<hr>
<p class="text-center">Fusce non justo risus. Quisque consequat turpis quis enim lobortis, eget blandit metus pretium. Nam in justo nibh. Donec non mollis nisi, id ultrices neque. Nunc at magna rutrum, sodales est facilisis, congue felis. Suspendisse quis eros imperdiet, facilisis odio id, rutrum turpis. Mauris eu egestas orci, in porta neque.</p>
<p class="text-center"><a href="#" class="btn btn-primary btn-large">Read more</a></p> 

Article 2: Schedule

<div class="page-header">
    <h2>SCHEDULE</h2>
</div>
<div class="tabbable">
    <ul class="nav nav-tabs mondrian-nav-tabs">
        <li><a href="#friday" data-toggle="tab">Friday</a></li>
        <li class="active"><a href="#saturday" data-toggle="tab">Saturday</a></li>
        <li><a href="#sunday" data-toggle="tab">Sunday</a></li>
    </ul>
    <div class="tab-content">
        <div id="friday" class="tab-pane fade clearfix ">
            <div class="clearfix">                
                <div class="pull-left">                    
                    <h4 style="margin-bottom: 0;"><a href="#">Beyond the CSS</a></h4>                
                    <p class="text-large">Ryan Ozimek</p>            
                </div>            
                <div class="hour pull-right">08:00 - 09:00</div>    
            </div>    
            <hr class="clear" />        
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">Lunch</a></h4>
                    <p class="text-large">The Conference Team</p>
                </div>
                <div class="hour pull-right">09:00 - 11:00</div>
            </div>
            <hr class="clear" />
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">Registration</a></h4>
                    <p class="text-large">The Conference Team</p>
                </div>
                <div class="hour pull-right">11:00 - 13:00</div>
            </div>
            <hr class="clear" />
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">A real responsive process?</a></h4>
                    <p class="text-large">Steve Fisher</p>
                </div>
                <div class="hour pull-right">13:00 - 15:00</div>
            </div>
            <hr class="clear" />
        </div>
        <div id="saturday" class="tab-pane fade clearfix active in">
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">Registration</a></h4>
                    <p class="text-large">The Conference Team</p>
                </div>
                <div class="hour pull-right">08:00 - 09:00</div>
            </div>
            <hr class="clear" />
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">A real responsive process?</a></h4>
                    <p class="text-large">Steve Fisher</p>
                </div>
                <div class="hour pull-right">09:00 - 11:00</div>
            </div>
            <hr class="clear" />
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">Beyond the CSS</a></h4>
                    <p class="text-large">Ryan Ozimek</p>
                </div>
                <div class="hour pull-right">11:00 - 13:00</div>
            </div>
            <hr class="clear" />
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">Lunch</a></h4>
                    <p class="text-large">The Conference Team</p>
                </div>
                <div class="hour pull-right">13:00 - 15:00</div>
            </div>
            <hr class="clear" />
        </div>
        <div id="sunday" class="tab-pane fade clearfix ">
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">A real responsive process?</a></h4>
                    <p class="text-large">Steve Fisher</p>
                </div>
                <div class="hour pull-right">08:00 - 09:00</div>
            </div>
            <hr class="clear" />
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">Registration</a></h4>
                    <p class="text-large">The Conference Team</p>
                </div>
                <div class="hour pull-right">09:00 - 11:00</div>
            </div>
            <hr class="clear" />
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">Beyond the CSS</a></h4>
                    <p class="text-large">Ryan Ozimek</p>
                </div>
                <div class="hour pull-right">11:00 - 13:00</div>
            </div>
            <hr class="clear" />
            <div class="clearfix">
                <div class="pull-left">
                    <h4 style="margin-bottom: 0; margin-top: 0;"><a href="#">Lunch</a></h4>
                    <p class="text-large">The Conference Team</p>
                </div>
                <div class="hour pull-right">13:00 - 15:00</div>
            </div>
            <hr class="clear" />
        </div>
    </div>
</div>

Article 3: Highlights

<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="clearfix hidden-phone row-fluid">
    <i class="icon-star-o span1 icon-2x" style="margin-top: 10px;">&nbsp;</i>
    <div class="span11">
        <h4>One great night, Awesome keynotes</h4>
        <p class="text-large">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nib euismo.</p>
        <p><a class="btn pull-right" href="#">Submit a Question</a></p>
    </div>
</div>
<div class="clearfix hidden-phone row-fluid">
    <i class="icon-map-marker span1 icon-2x" style="margin-top: 10px;">&nbsp;</i>
    <div class="span11">
        <h4>Locations</h4>
        <p class="text-large">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
        <p><a class="btn pull-right" href="#">Get Directions</a></p>
    </div>
</div>
<div class="clearfix hidden-phone row-fluid"><i class="icon-home span1 icon-2x" style="margin-top: 10px;">&nbsp;</i>
    <div class="span11">
        <h4>Accommodations</h4>
        <p class="text-large">Et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore.</p>
       <p><a class="btn pull-right" href="#">View</a></p>
    </div>
</div>