MFIT Bootstrap Components

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)

In iaculis nunc sed augue lacus viverra vitae congue. Aliquet nec ullamcorper sit amet risus nullam eget felis. Eget lorem dolor sed viverra ipsum. Porta nibh venenatis cras sed. Nisl nisi scelerisque eu ultrices vitae auctor eu. Est ultricies integer quis auctor elit sed vulputate. Vitae suscipit tellus mauris a. Sollicitudin tempor id eu nisl nunc mi ipsum faucibus vitae. Neque aliquam vestibulum morbi blandit.

How to use this snippet:

For all Images to display evenly they should be the same height and width
Changing "Size" setting in the snippet determines how many cards will be displayed across the screen horizontally:
- Small - 4 across
- Medium - 3 across
- Large - 2 across
To add more cards: insert "Component Card Deck - Item (Redesign)" snippet

1 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit.

2 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit.

3 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit.

Associate 2+2 Program

4 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit.

5 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit.

6 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit.

7 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit.

8 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit.

How to use this snippet:

For all Images to display evenly they should be the same height and width
Changing "Size" setting in the snippet determines how many cards will be displayed across the screen horizontally
To add more cards: insert "Component Card Deck - Item (Redesign)" snippet

2.1 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

2.2 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

2.3 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

Associate 2+2 Program

2.4 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

2.5 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

2.6 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

How to use this snippet:

For all Images to display evenly they should be the same height and width
Changing "Size" setting in the snippet determines how many cards will be displayed across the screen horizontally
To add more cards: insert "Component Card Deck - Item (Redesign)" snippet

3.1 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

3.2 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

3.4 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

Associate 2+2 Program

3.5 This is a paragraph describing our different departments and programs. At FIT, diversity of opinion makes us better lorem different ipsum dolor sit. That’s how we different the future lorem ipsum dolor it. This is a paragraph describing our different

This is a short sentence providing context for the information appearing.