Exhibitions
test page short card
Exhibition 1 - Long Card
Learn More
Paragraph
There's No Shame in Living in the Past
MFIT on the Road

Student Exhibition

The interlinked keyframe pages in this directory below, and a Long Read snippet with two display options
iFactory Keyscreens index and Functional Specs in Atlantis
Replicated as closely as possible for testing snippets and components.
- iFactory Museum Homepage = MFIT Homepage template
- iFactory Exhibitions Landing = MFIT Exhibitions Landing template
- iFactory Exhibitions Template = MFIT Exhibition Details template
- iFactory MFIT Bootstrap Components = MFIT Bootstrap Elements (interior template)
- iFactory Pattern Component Library = MFIT Pattern Elements Library (interior template)
- iFactory WYSIWYG - Hero w/o Image = MFIT WYSIWYG Elements (interior template)

Looking for a longer read?
"Museum - Read (Redesign)" snippet now includes two snippets that are ALREADY NESTED inside the section containers ( 1st in 1, 2nd in 2) to better display in different templates.
Test the Container display options from the dropdown (default, big, with wysiwyg, big with wysiwyg)
Leave the last column in the snippet table empty - it is intended for FIT Main site's CTA button, and nothing else dsplays correctly there.
"Section Container" + "Added Items" to center the "Read"
This arrangement allows better centering of the "Museum - Read (Redesign)" snippet
in various templates
-- selecting different option from container display dropdown (Default, Big, with
WYSIWYG, Big with WYSIWYG) affects the width and alignment
- in this case it's "Container Big"

This is inside the Added Items Container
This Snippet INSIDE two containers - "Section Container" + "Museum - Added Content Container" that helps to center the snippet, and displays The Red CTA Button Style
Leave the last column in the snippet empty - it is intended for FIT Main site's blue CTA button, and nothing else dsplays correctly there.
Both - CTA link or button with "Blue" - work, but check your html if something looks incorrect the <span> for cta chouls be inside <a> not the other way around
<p><span class="cta cta--button"><a href="#">CTA Red from Blue</a></span></p>
<p><a href="#"><span class="cta cta--button">CTA Red from Blue</span></a></p>